- 相關推薦
關于javascript中apply()和call()方法的區(qū)別
如果沒接觸過動態(tài)語言,以編譯型語言的思維方式去理解javaScript將會有種神奇而怪異的感覺,因為意識上往往不可能的事偏偏就發(fā)生了,甚至覺得不可理喻.如果在學JavaScript這自由而變幻無窮的語言過程中遇到這種感覺,那么就從現(xiàn)在形始,請放下的您的”偏見”,因為這對您來說絕對是一片新大陸。好了,不給大家嘮嗑了,言歸正傳吧,先給大家講下apply和call方法的定義。
具體內容如下所示:
方法定義
call, apply都屬于Function.prototype的一個方法,它是JavaScript引擎內在實現(xiàn)的,因為屬于Function.prototype,所以每個Function對象實例,也就是每個方法都有call, apply屬性.既然作為方法的屬性,那它們的使用就當然是針對方法的了.這兩個方法是容易混淆的,因為它們的作用一樣,只是使用方式不同.
call方法:
語法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定義:調用一個對象的一個方法,以另一個對象替換當前對象。
說明:
call 方法可以用來代替另一個對象調用一個方法。call 方法可將一個函數的對象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對象。
如果沒有提供 thisObj 參數,那么 Global 對象被用作 thisObj。
apply方法:
語法:apply([thisObj[,argArray]])
定義:應用某一對象的一個方法,用另一個對象替換當前對象。
說明:
如果 argArray 不是一個有效的數組或者不是 arguments 對象,那么將導致一個 TypeError。
如果沒有提供 argArray 和 thisObj 任何一個參數,那么 Global 對象將被用作 thisObj, 并且無法被傳遞任何參數
call, apply作用就是借用別人的方法來調用,就像調用自己的一樣.
它們的不同之處:
apply:最多只能有兩個參數——新this對象和一個數組 argArray。如果給該方法傳遞多個參數,則把參數都寫進這個數組里面,當然,即使只有一個參數,也要寫進數組里面。如果 argArray 不是一個有效的數組或者不是 arguments 對象,那么將導致一個 TypeError。如果沒有提供 argArray 和 thisObj 任何一個參數,那么 Global 對象將被用作 thisObj, 并且無法被傳遞任何參數。
call:則是直接的參數列表,主要用在js對象各方法互相調用的時候,使當前this實例指針保持一致,或在特殊情況下需要改變this指針。如果沒有提供 thisObj 參數,那么 Global 對象被用作 thisObj。
更簡單地說,apply和call功能一樣,只是傳入的參數列表形式不同:如 func.call(func1,var1,var2,var3)對應的apply寫法為:
func.apply(func1,[var1,var2,var3])
如:
add.apply(sub,[3,1]);//add.call(sub,3,1);var a={n:1,m:2,add:function(){return this.n+this.m;}}var b={n:3,m:4}console.log(a.add.call(b));//b.n+b.m=7function Animal(){ this.name = "Animal"; this.showName = function(){ alert(this.name); } }function Cat(){ this.name = "Cat"; } var animal = new Animal(); var cat = new Cat(); //通過call或apply方法,將原本屬于Animal對象的showName()方法交給對象cat來使用了。 //輸入結果為"Cat" animal.showName.call(cat,","); animal.showName.apply(cat,[]);
以上內容是小編給大家介紹的apply和call方法定義及apply和call方法的區(qū)別,希望大家喜歡。
【javascript中apply()和call()方法的區(qū)別】相關文章:
Javascript中arguments對象的詳解和使用方法08-20
詳解JavaScript中的splice()使用方法08-20
JavaScript類定義原型方法的兩種實現(xiàn)的區(qū)別07-11
內外賬的區(qū)別和記賬方法07-10
JavaScript常用方法匯總10-25
JavaScript數組常用方法介紹09-04
javascript跨域訪問的方法07-09
javascript編程異常處理的方法08-04