這篇文章帶給大家的內容是關於JavaScript中的bind方法的程式碼範例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
之前已經實作過了call，apply和new。今天順便把bind也實現下。
首先：
ok，上碼～
Function.prototype.mybind = function(context){
let that = this;
let args1 = Array.prototype.slice.call(arguments,1);
let bindFn = function(){
let args2 = Array.prototype.slice.call(arguments);
return that.apply(this instanceof bindFn?this:context,args1.concat(args2));
}
let Fn = function(){};
Fn.prototype = this.prototype;
bindFn.prototype = new Fn();
return bindFn;
}首先 取得到第一次傳遞的參數args1，此處要做截取處理，因為第一個參數是this。接下來宣告一個函數bindFn，在該bindFn中取得了第二次傳的參數args2，並且傳回了that的執行。此處的that是原函數，執行該原函數綁定原函數this的時候要注意判斷。如果this是建構函數bindFn new出來的實例，那麼此處的this一定是該實例本身。反之，則是bind方法傳遞的this(context)。最後再把兩次得到的參數透過concat()連結起來傳遞進去，這樣就實現了前3條。
最後一條：建構函式上的屬性和方法，每個實例上都有。此處透過一個中間函數Fn，來連接原型鏈。 Fn的prototype等於this的prototype。 Fn和this指向同一個原型物件。 bindFn的prototype又等於Fn的實例。 Fn的實例的__proto__又指向Fn的prototype。即bindFn的prototype指向和this的prototype一樣，指向同一個原型物件。至此，就實現了自己的bind方法。
程式碼寫好了，測試一下~
Function.prototype.mybind = function(context){
let that = this;
let args1 = Array.prototype.slice.call(arguments,1);
let bindFn = function(){
let args2 = Array.prototype.slice.call(arguments);
return that.apply(this instanceof bindFn?this:context,args1.concat(args2));
}
let Fn = function(){};
Fn.prototype = this.prototype;
bindFn.prototype = new Fn();
return bindFn;
}
let obj = {
name:'tiger'
}
function fn(name,age){
this.say = '汪汪~';
console.log(this);
console.log(this.name '養了一隻' name ',' age '歲了 ');
}
/** 第一次傳參 */
let bindFn = fn.mybind(obj,'以上是JavaScript中的bind方法的程式碼範例的詳細內容。更多資訊請關注PHP中文網其他相關文章！
