JavaScript中call()、apply()、bind()方法特點(diǎn)講解
在javascript中,每個對象中都會有一個apply()方法和一個call()方法
兩者的相同之處:
兩者作用是都可以替代另一個對象調(diào)用一個方法,將一個函數(shù)的上下文改變成由thisObj指向的新對象
當(dāng)我們通過call和apply來this的指向時(shí),不傳任何參數(shù),則默認(rèn)為將this指向修改為windows,有參數(shù)時(shí)會指向第一個參數(shù)
兩者不同之處:
apply最多只能有兩個參數(shù)——新this對象和一個數(shù)組argArray。如果給該方法傳遞多個參數(shù),則把參數(shù)都寫進(jìn)這個數(shù)組里面,當(dāng)然,即使只有一個參數(shù),也要寫進(jìn)數(shù)組里。如果argArray不是一個有效的數(shù)組或arguments對象,那么將導(dǎo)致一個TypeError。如果沒有提供argArray和thisObj任何一個參數(shù),那么Global對象將被用作thisObj,并且無法被傳遞任何參數(shù)。
call它可以接受多個參數(shù),第一個參數(shù)與apply一樣,后面則是一串參數(shù)列表。這個方法主要用在js對象各方法相互調(diào)用的時(shí)候,使當(dāng)前this實(shí)例指針保持一致,或者在特殊情況下需要改變this指針。如果沒有提供thisObj參數(shù),那么 Global 對象被用作thisObj。
案例:
- // apply()方法
- obj.apply(thisObj,['arg1', 'arg2'])
- // call()方法
- obj.call(thisObj,'arg1','arg2','arg3')
以上thisObj繼承了obj的屬性和方法
- // 例1:
- function add(j, k){
- return j+k;
- }
- function sub(j, k){
- return j-k;
- }
- // sub繼承了add方法
- console.log(add(5,3)); //8
- console.log(add.call(sub, 5, 3)); //8
- console.log(add.apply(sub, [5, 3])); //8
- // add繼承了sub方法
- console.log(sub(5, 3)); //2
- console.log(sub.call(add, 5, 3)); //2
- console.log(sub.apply(add, [5, 3])); //2
- // 例2:
- var person = function(){
- this.name = "Tom";
- this.age = 22;
- }
- var other = {};
- console.log(other); // {}
- // other繼承了person的屬性
- person.call(other);
- console.log(other); // {name: "Tom", age: 22}
bind綁定:
call()方法和apply()方法在綁定后會立即執(zhí)行,而bind則不會立即執(zhí)行
- add.bind(sub, 5, 3); // 返回的是add方法函數(shù)本體
- add.bind(sub, 5, 3)(); // 8
【編輯推薦】