首頁 > web前端 > js教程 > apply和call方法定義及apply和call方法的區別_javascript技巧

apply和call方法定義及apply和call方法的區別_javascript技巧

WBOY
發布: 2016-05-16 15:32:20
原創
974 人瀏覽過

 如果沒接觸過動態語言,以編譯型語言的思維方式去理解javaScript將會有種神奇而怪異的感覺,因為意識上往往不可能的事偏偏就發生了,甚至覺得不可理喻.如果在學JavaScript這自由而變幻無窮的語言過程中遇到這種感覺,那麼就從現在形始,請放下的您的」偏見」,因為這對您來說絕對是一片新大陸。好了,不給大家嘮嗑了,言歸正傳吧,先跟大家講apply和call方法的定義。

具體內容如下:

1、方法定義

call, apply都屬於Function.prototype的一個方法,它是JavaScript引擎內在實現的,因為屬於Function.prototype,所以每個Function對象實例,也就是每個方法都有call, apply屬性.既然作為方法的屬性,那它們的使用就當然是針對方法的了.這兩個方法是容易混淆的,因為它們的作用一樣,只是使用方式不同.

call方法:

語法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

定義:呼叫一個物件的一個方法,以另一個物件取代目前物件。

說明:

call 方法可以用來取代另一個物件呼叫一個方法。 call 方法可將一個函數的物件上下文從初始的上下文變更為由 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=7
function 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方法的區別,希望大家喜歡。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板