1. 程式人生 > 實用技巧 >javascript中call()、apply()、bind()的用法終於理解

javascript中call()、apply()、bind()的用法終於理解

轉載:https://www.cnblogs.com/Shd-Study/p/6560808.html

其實是一個很簡單的東西,認真看十分鐘就從一臉懵B 到完全 理解!

先看明白下面:

  obj.objAge;  //17

  obj.myFun()  //小張年齡undefined

shows()  //盲僧 

比較一下這兩者this 的差別,第一個列印裡面的this 指向obj,第二個全域性宣告的shows()函式 this 是window ;

1,call()、apply()、bind() 都是用來重定義 this 這個物件的!

  如:

 obj.myFun.call(db);    //
德瑪年齡99 obj.myFun.apply(db);    //德瑪年齡99 obj.myFun.bind(db)();   //德瑪年齡99
以上出了bind 方法後面多了個 () 外 ,結果返回都一致! 由此得出結論,bind 返回的是一個新的函式,你必須呼叫它才會被執行 2,對比call 、bind 、 apply 傳參情況下

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 一樣。        當然,三者的引數不限定是string型別,允許是各種型別,包括函式 、 object 等等!