JavaScript 中 call()、apply()、bind()

call()、apply()、bind() 都是用來重定義 this 這個對象的

var name="小王",age=17
var obj ={
    name:"小張",
    objAge :this.age,
    myFun :function(){
       console .log(this.name+"年齡"+this.age)  // 此處的this 指向obj,不是 window
　　}
}
var db ={
    name:"德瑪"
    age :99 
}
// 調用
obj.myFun.call(db)；　　　　// 德瑪年齡 99
obj.myFun.apply(db);　　　 // 德瑪年齡 99
obj.myFun.bind(db)();　　　// 德瑪年齡 99

以上出了 bind 方法後面多了個 () 外 ，結果返回都一致！由此得出結論，bind 返回的是一個新的函數，你必須調用它纔會被執行。

對比call 、bind 、 apply 傳參情況下

var name ='小王',age=18
var obj ={
    name="小張",
    objAge :this.age ,
    myFun :function(fm,t ){
        console .log(this.name+"年齡"+this .age ,"來自"+fm+"去往"+t)
    }
}
var db ={
    name:'德瑪'
    age :99 
}
//調用
obj.myFun.call(db,'成都','上海')； // 德瑪 年齡 99  來自 成都去往上海
obj.myFun.apply(db,['成都','上海']); // 德瑪 年齡 99  來自 成都去往上海  
obj.myFun.bind(db,'成都','上海')(); // 德瑪 年齡 99  來自 成都去往上海
obj.myFun.bind(db,['成都','上海'])();// 德瑪 年齡 99  來自 成都, 上海去往 undefined

call 、bind 、 apply 這三個函數的第一個參數都是 this 的指向對象，第二個參數差別就來了：

call 的參數是直接放進去的，第二第三第 n 個參數全都用逗號分隔，直接放到後面 obj.myFun.call(db,'成都', ... ,'string' )。

apply 的所有參數都必須放在一個數組裏面傳進去 obj.myFun.apply(db,['成都', ..., 'string' ])。

bind 除了返回是函數以外，它 的參數和 call 一樣。

js 封裝帶回調的函數

// 封裝
function ceshi(aa,fn) {
          console.log(aa);
          fn&&fn.call($(this));
}

// 調用
ceshi('11',function(){
            console.log('sdfdsf');
});