自從接觸javascript以來,對this參數(shù)的理解一直是模棱兩可。雖有過深入去理解,但卻也總感覺是那種浮于表面,沒有完全理清頭緒。
但對于this參數(shù),確實(shí)會(huì)讓人產(chǎn)生很多誤解。那么this參數(shù)到底是何方神圣?
理解this
this是一個(gè)與執(zhí)行上下文(execution context,也就是作用域)相關(guān)的特殊對象。因此,它可以叫作上下文對象(也就是用來指明執(zhí)行上下文是在哪個(gè)上下 文中被觸發(fā)的對象)。
任何對象都可以做為上下文中的this的值。在一些對ECMAScript執(zhí)行上下文和部分this的描述中的 所產(chǎn)生誤解。this經(jīng)常被錯(cuò)誤的描述成是變量對象的一個(gè)屬性。 再重復(fù)一次:
this是執(zhí)行上下文的一個(gè)屬性,而不是變量對象的一個(gè)屬性。 這個(gè)特性非常重要,因?yàn)榕c變量相反,this從不會(huì)參與到標(biāo)識符解析過程。換句話說,在代碼中當(dāng)訪問this的時(shí)候,它的值是直接從執(zhí)行上下文中獲取的,并不需要任何作用域鏈查找。this的值只在進(jìn)入上下文的時(shí)候進(jìn)行一次確定。
廢話不多,先看一個(gè)板栗:
代碼如下:
var test = function(){};
test.prototype = {
foo:"apple",
fun:function(){
this.foo="banana";
}
};
var myTest = new test();
myTest.fun();
console.log(myTest.hasOwnProperty("foo")); //輸出什么
console.log(myTest.hasOwnProperty("fun")); //輸出什么
hasOwnProperty:是用來判斷一個(gè)對象是否有你給出名稱的屬性或?qū)ο蟆2贿^需要注意的是,此方法無法檢查該對象的原型鏈中是否具有該屬性,該屬性必須是對象本身的一個(gè)成員。
不知道看官們心里的答案是什么,正確的答案是true,false。
代碼如下:
console.log(myTest.hasOwnProperty("foo"));
console.log(myTest.hasOwnProperty("fun"));
true
false
要弄明白為什么是這樣,就必須要理解上面this所扮演的角色,所指代的對象。在《javascript語言精粹》一書中,指出了在javascript中一共有四種調(diào)用模式:
1.方法調(diào)用模式
2.函數(shù)調(diào)用模式
3.構(gòu)造器調(diào)用模式
4.apply調(diào)用模式
而在這些模式當(dāng)中,對于如何初始化關(guān)鍵參數(shù)this上是存在不同差異的。
方法調(diào)用模式
當(dāng)一個(gè)函數(shù)被保存為對象的一個(gè)屬性時(shí),我們稱它為一個(gè)方法。當(dāng)一個(gè)方法被調(diào)用時(shí),this被綁定到該對象。注意加粗的這句是重點(diǎn):
代碼如下:
// 創(chuàng)建myObject。它有一個(gè)value屬性和一個(gè)increment方法
var myObject = {
value: 0;
increment: function(inc) {
this.value += typeof inc ==='number'?inc:1; // 接受一個(gè)可選參數(shù),如果不是數(shù)字,則默認(rèn)為數(shù)字1
新聞熱點(diǎn)
疑難解答
圖片精選