深入理解Javascript中的this關鍵字
文章主要介紹了深入理解Javascript中的this關鍵字,本文講解了方法調用模式、函數調用模式、構造器調用模式、apply調用模式中this的不同之處,需要的朋友可以參考下,就跟隨本站小編一起去了解下吧,想了解更多相關信息請持續關注我們應屆畢業生考試網!
自從接觸javascript以來,對this參數的理解一直是模棱兩可。雖有過深入去理解,但卻也總感覺是那種浮於表面,沒有完全理清頭緒。
但對於this參數,確實會讓人產生很多誤解。那麼this參數到底是何方神聖?
理解this
this是一個與執行上下文(execution context,也就是作用域)相關的特殊對象。因此,它可以叫作上下文對象(也就是用來指明執行上下文是在哪個上下 文中被觸發的對象)。
任何對象都可以做爲上下文中的this的值。在一些對ECMAScript執行上下文和部分this的描述中的 所產生誤解。this經常被錯誤的描述成是變量對象的一個屬性。 再重複一次:
this是執行上下文的一個屬性,而不是變量對象的一個屬性。 這個特性非常重要,因爲與變量相反,this從不會參與到標識符解析過程。換句話說,在代碼中當訪問this的時候,它的值是直接從執行上下文中獲取的,並不需要任何作用域鏈查找。this的'值只在進入上下文的時候進行一次確定。
廢話不多,先看一個板栗:
代碼如下:
var test = function(){};
otype = {
foo:"apple",
fun:function(){
="banana";
}
};
var myTest = new test();
();
(wnProperty("foo")); //輸出什麼
(wnProperty("fun")); //輸出什麼
hasOwnProperty:是用來判斷一個對象是否有你給出名稱的屬性或對象。不過需要注意的是,此方法無法檢查該對象的原型鏈中是否具有該屬性,該屬性必須是對象本身的一個成員。
不知道看官們心裏的答案是什麼,正確的答案是true,false。
代碼如下:
(wnProperty("foo"));
(wnProperty("fun"));
true
false
要弄明白爲什麼是這樣,就必須要理解上面this所扮演的角色,所指代的對象。在《javascript語言精粹》一書中,指出了在javascript中一共有四種調用模式:
1.方法調用模式
2.函數調用模式
3.構造器調用模式
y調用模式
而在這些模式當中,對於如何初始化關鍵參數this上是存在不同差異的。
方法調用模式
當一個函數被保存爲對象的一個屬性時,我們稱它爲一個方法。當一個方法被調用時,this被綁定到該對象。注意加粗的這句是重點:
代碼如下:
// 創建myObject。它有一個value屬性和一個increment方法
var myObject = {
value: 0;
increment: function(inc) {
e += typeof inc ==='number'?inc:1; // 接受一個可選參數,如果不是數字,則默認爲數字1
}
};
ement();
(e); // 1
ement(2); //傳入數字2
(e); // 3
這裏,方法increment可以使用this去訪問myObject對象,所以可以改變value的值。而且,this到對象的綁定發生在調用的時候。
函數調用模式
如果一個函數並非一個對象的屬性時,那麼它被當作一個函數來調用,此時,this被綁定到全局對象,書上說這是js語言設計的一個缺陷。倘若設計正確,當內部函數被調用的時,this應該仍然綁定到外部函數的this變量。拋開對語言設計的正確與否討論,要當函數調用模式時this變量依舊綁定到該對象,有如下經典解決方案:
代碼如下:
// 給myObject增加一個double方法
相關文章
-
深入學習Javascript中的this關鍵字
下面的文章將爲大家講述Javascript中的this關鍵字、講解了方法調用模式、函數調用模式、構造器調用模式、apply調用模式中this的不同之處,需要的朋友可以參考一下。 理解thisthis是一個與執行上下文(execution con -
淺談如何深入學習Javascript中的this關鍵字
理解thisthis是一個與執行上下文(execution context,也就是作用域)相關的特殊對象。因此,它可以叫作上下文對象(也就是用來指明執行上下文是在哪個上下 文中被觸發的對象)。任何對象都可以做爲上下文中的this的值。在 -
理解javascript中的with關鍵字是什麼意思
說起js中的with關鍵字,很多小夥伴們的第一印象可能就是with關鍵字的作用在於改變作用域,然後最關鍵的一點是不推薦使用with關鍵字。聽到不推薦with關鍵字後,我們很多人都會忽略掉with關鍵字,認爲不要去管它用它就可以了。 -
JavaScript中的with關鍵字
JS中的with關鍵字有什麼作用麼?下面YJBYS小編帶大家一起來了解!說起js中的with關鍵字,很多小夥伴們的第一印象可能就是with關鍵字的作用在於改變作用域,然後最關鍵的一點是不推薦使用with關鍵字。聽到不推薦with關鍵字 -
javascript中js閉包的深入理解
閉包(closure)是Javascript語言的一個難點,也是它的特色,很多高級應用都要依靠閉包實現。本文是本站小編搜索整理的關於javascript中js閉包的深入理解,給大家做個參考,希望對大家有所幫助!想了解更多相關信息請持續關注我 -
JavaScript知識點總結之this關鍵字
this是Javascript語言的一個關鍵字。隨着函數使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的是,調用函數的那個對象。JavaScript中的this指針是一個動態的變量,一個方法內的this指針並不是始終指 -
淺談javascript深入理解js閉包
一、什麼是閉包?“官方”的解釋是:所謂“閉包”,指的是一個擁有許多變量和綁定了這些變量的環境的表達式(通常是一個函數),因而這些變量也是該表達式的一部分。相信很少有人能直接看懂這句話,因爲他描述的太學術。我想用 -
關於JavaScript中繼承的深入理解
JavaScript中我們可以藉助原型實現繼承。例如function baz(){="";}function foo(){}otype=new baz();var myFoo=new foo();;這樣我們就可以訪問到baz裏的屬性oo啦。在實際使用中這個樣不行滴,由於原型的共享特點(數據保 -
如何靈活的理解JavaScript中的this指向
this是JavaScript中的關鍵字之一,在編寫程序的時候經常會用到,正確的理解和使用關鍵字this尤爲重要。首先必須要說的是,this的指向在函數定義的時候是確定不了的,只有函數執行的時候才能確定this到底指向誰,實際上this的最 -
深入理解javaScript中事件驅動
時間過得真快,總在不經意間流逝,我們又將接觸新的知識,學習新的技能,積累新的經驗,我們要好好計劃今後的學習,制定一份計劃了。可是到底什麼樣的計劃纔是適合自己的呢?下面是小編精心整理的八年級教學工作計劃9篇,希望能夠幫