快捷導(dǎo)航

JavaScript四種調(diào)用模式和this示例介紹

更新時(shí)間：2014年01月02日 16:05:53 作者：

JavaScript調(diào)用時(shí)除了聲明時(shí)定義的形參外，每個(gè)函數(shù)接受兩個(gè)附加參數(shù)：this 和arguments，下面為大家介紹下JavaScript四種調(diào)用模式和this

JavaScript調(diào)用時(shí)除了聲明時(shí)定義的形參外，每個(gè)函數(shù)接受兩個(gè)附加參數(shù)：this 和arguments，this在面向?qū)ο缶幊讨蟹浅Ｖ匾?，它取決于調(diào)用模式。

JavaScript有四種調(diào)用模式，方法調(diào)用模式，函數(shù)調(diào)用模式，構(gòu)造器調(diào)用模式和apply調(diào)用模式。這些模式在初始化關(guān)鍵參數(shù)this上存在差異。

方法調(diào)用模式：當(dāng)一個(gè)函數(shù)被保存為對(duì)象的一個(gè)屬性時(shí)，我們稱它為一個(gè)方法，當(dāng)一個(gè)方法被調(diào)用時(shí)，this被綁定到該對(duì)象上。如果調(diào)用表達(dá)式包含一個(gè)屬性取表達(dá)式（即一個(gè).點(diǎn)表達(dá)式或[script]下標(biāo)表達(dá)式），那么它被當(dāng)做一個(gè)方法調(diào)用。

復(fù)制代碼代碼如下:

 
var myObject = { 
value: 0; 
increment: function(inc){ 
this.value += typeof inc === 'number' ? inc : 1; 
} 
}; 

myObject.increment(); 
document.writeln(myObject.value);//1 

myObject.increment(2); 
document.writeln(myObject.value);//2 

方法可以使用this去訪問(wèn)對(duì)象，所以它能從對(duì)象中取值或修改對(duì)象。this的綁定發(fā)生在調(diào)用的時(shí)候。這個(gè)超級(jí)遲綁定使得函數(shù)可以對(duì)this高度復(fù)用。通過(guò)this可以取得他們所屬的上下文方法稱為公共方法。

函數(shù)調(diào)用模式：當(dāng)一個(gè)函數(shù)并非一個(gè)對(duì)象的屬性時(shí)，那么它被當(dāng)做一個(gè)函數(shù)來(lái)調(diào)用 var sum = add(3, 4);//sum值為7
當(dāng)函數(shù)以此模式調(diào)用時(shí)，this被綁定到全局對(duì)象。

構(gòu)造器調(diào)用模式：JavaScript是一門(mén)基于原型繼承的語(yǔ)言。這意味著可以直接從其他對(duì)象繼承屬性。該語(yǔ)言是無(wú)類(lèi)別的。
如果在函數(shù)前面帶上new來(lái)調(diào)用，那么將創(chuàng)建一個(gè)隱藏連接到該函數(shù)的prototype成員的新對(duì)象，同時(shí)this將會(huì)被綁定到那個(gè)新對(duì)象上。

Apply調(diào)用模式：因?yàn)镴avaScript是一門(mén)函數(shù)式的面向?qū)ο缶幊陶Z(yǔ)言，所以函數(shù)可以擁有方法。
apply方法讓哦我們構(gòu)建一個(gè)參數(shù)數(shù)組并用其去調(diào)用函數(shù)。它也允許我們選擇this的值。
apply方法接受兩個(gè)參數(shù)，第一個(gè)將被綁定給this的值，第二個(gè)就是一個(gè)參數(shù)數(shù)組。

您可能感興趣的文章: