深入學習Javascript中的this關鍵字
下面的文章將爲大家講述Javascript中的this關鍵字、講解了方法調用模式、函數調用模式、構造器調用模式、apply調用模式中this的不同之處,需要的朋友可以參考一下。
理解this
this是一個與執行上下文(execution context,也就是作用域)相關的特殊對象。因此,它可以叫作上下文對象(也就是用來指明執行上下文是在哪個上下 文中被觸發的對象)。
任何對象都可以做爲上下文中的this的值。在一些對ECMAScript執行上下文和部分this的描述中的 所產生誤解。this經常被錯誤的描述成是變量對象的一個屬性。 再重複一次:
this是執行上下文的一個屬性,而不是變量對象的一個屬性。 這個特性非常重要,因爲與變量相反,this從不會參與到標識符解析過程。換句話說,在代碼中當訪問this的時候,它的值是直接從執行上下文中獲取的,並不需要任何作用域鏈查找。this的值只在進入上下文的時候進行一次確定。
代碼如下:
hasOwnProperty:是用來判斷一個對象是否有你給出名稱的屬性或對象。不過需要注意的是,此方法無法檢查該對象的原型鏈中是否具有該屬性,該屬性必須是對象本身的一個成員。
不知道看官們心裏的答案是什麼,正確的.答案是true,false。
代碼如下:
要弄明白爲什麼是這樣,就必須要理解上面this所扮演的角色,所指代的對象。在《javascript語言精粹》一書中,指出了在javascript中一共有四種調用模式:
1.方法調用模式
2.函數調用模式
3.構造器調用模式
y調用模式
而在這些模式當中,對於如何初始化關鍵參數this上是存在不同差異的。
方法調用模式
當一個函數被保存爲對象的一個屬性時,我們稱它爲一個方法。當一個方法被調用時,this被綁定到該對象。注意加粗的這句是重點:
代碼如下:
// 創建myObject。它有一個value屬性和一個increment方法
這裏,方法increment可以使用this去訪問myObject對象,所以可以改變value的值。而且,this到對象的綁定發生在調用的時候。
函數調用模式
如果一個函數並非一個對象的屬性時,那麼它被當作一個函數來調用,此時,this被綁定到全局對象,書上說這是js語言設計的一個缺陷。倘若設計正確,當內部函數被調用的時,this應該仍然綁定到外部函數的this變量。拋開對語言設計的正確與否討論,要當函數調用模式時this變量依舊綁定到該對象,有如下經典解決方案:
代碼如下:
即是給該方法定義一個變量並且把它賦值爲this,那麼內部函數就可以通過那個變量訪問到this,按照約定,給那個變量命名爲that。
構造器調用模式
構造器調用模式即是我一開頭給出的例子所提到的。如果在一個函數前面帶上new來調用,那麼將創建一個連接到該函數的prototype成員新對象,同時this將會被綁定到那個新對象上。聽上去十分拗口且難以理解,先再看個demo:
簡單來說,Quo對象下的this在被用爲構造一個新實例即new時,this指代的是新生成的myQuo對象而不是Quo對象本身。
一句話,重點就是:原型中的this不是指的原型對象,而是調用對象。
再回過頭看一開始的demo,就很好理解了,在執行()時,this指代了myTest對象,所以生成了一個foo屬性值爲“banana”,所以wnProperty("foo")返回值爲true。
Apply調用模式
因爲javascript是一門函數式面向對象編程語言,所以函數可以擁有方法。apply方法讓我們構建一個參數數組並用其去調用其他函數,apply方法接收兩個參數,第一個是將被綁定的this的值,第二個是參數數組。說簡單直接一點就是apply方法能劫持另外一個對象的方法,繼承另外一個對象的屬性. 推薦可以看js中apply方法的使用詳細解析 ,就不擺demo了。
相關文章
-
淺談如何深入學習Javascript中的this關鍵字
理解thisthis是一個與執行上下文(execution context,也就是作用域)相關的特殊對象。因此,它可以叫作上下文對象(也就是用來指明執行上下文是在哪個上下 文中被觸發的對象)。任何對象都可以做爲上下文中的this的值。在 -
深入理解Javascript中的this關鍵字
文章主要介紹了深入理解Javascript中的this關鍵字,本文講解了方法調用模式、函數調用模式、構造器調用模式、apply調用模式中this的不同之處,需要的朋友可以參考下,就跟隨本站小編一起去了解下吧,想了解更多相關信息請 -
JavaScript中的with關鍵字
JS中的with關鍵字有什麼作用麼?下面YJBYS小編帶大家一起來了解!說起js中的with關鍵字,很多小夥伴們的第一印象可能就是with關鍵字的作用在於改變作用域,然後最關鍵的一點是不推薦使用with關鍵字。聽到不推薦with關鍵字 -
JavaScript知識點總結之this關鍵字
this是Javascript語言的一個關鍵字。隨着函數使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的是,調用函數的那個對象。JavaScript中的this指針是一個動態的變量,一個方法內的this指針並不是始終指 -
理解javascript中的with關鍵字是什麼意思
天生我才必有用,作爲成人教育學生的你覺得自己是一個什麼人才呢,今天小編給大家分享的是畢業生自我鑑定,歡迎閱讀學習最新成人大專自我鑑定範文大專生活似彈指一揮間,翻翻歷史的扉頁,一切都成了過往,三年就這樣過去了! 在學 -
javascript中js閉包的深入理解
敬愛的黨組織: 我志願加入中國共產黨,願意爲共產主義事業奮鬥終身! 黨的理想和終縱目的是實現共產主義,黨的基礎主旨和主旨是經心全意爲人民服務。中國共產黨是立黨爲公、執政爲民、求真務虛、改革創新、艱苦搏鬥 -
如何在Javascript中爲String對象添加trim,ltrim,rtrim方法
從國小、國中、高中到大學乃至工作,我們都經常看到閱讀答案的身影,閱讀答案是我們在解答閱讀題時的參考。大家知道什麼樣的閱讀答案纔是好的嗎?以下是小編幫大家整理的敬業與樂業閱讀答案,僅供參考,大家一起來看看吧。敬業 -
JavaScript中this的用法步驟
關於JavaScript中this的用法網絡中已經有較多比較詳盡的介紹,可以參考本文的參考學習資料和網絡。本文結合網絡收集整理,嘗試以一種簡易的方式闡述JavaScript中this的用法,希望對大家關於JavaScript中this用法的快速理解 -
javascript中String對象的slice()方法
本文較爲詳細的分析了javascript中String對象的slice()方法。分享給大家供大家參考。具體分析如下:此方法截取字符串中的`一段,並返回由被截取字符組成的新字符串。注:原字符串不會發生改變,返回值是一個新產生的字符串 -
Javascript的this用法簡述
Javascript中的this關鍵字要怎麼用,它的用法有哪些?下面YJBYS小編爲大家介紹如下!this是Javascript語言的一個關鍵字。它代表函數運行時,自動生成的一個內部對象,只能在函數內部使用。比如,function test(){this.x = 1;}