JavaScript 中 call()、apply()、bind()
阿新 • • 發佈:2022-03-18
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'); });