下圖是在ASP.NET中為button掛上客戶端onclick事件的兩種辦法：圖中的2和3/1。 結(jié)果發(fā)現(xiàn)兩種方式調(diào)用同樣一個函數(shù)clickMe，this卻不一樣?！　?/p>

　　如果采用3或1的做法，那么點擊button1后將alert出[object DOMWindow]；而采用2的做法，將alert出 [object HTMLInputElement]（在chrome下測試。）

　　顯然，在1的做法中，this指向DOMWindow，也就是全局的object——global；而2的做法中，this指向Button1這個元素。

　　為什么呢？

　　(注：對于3這種通過Attribute來聲明處理程序的方式，button的onclick不是指向clickMe函數(shù)，而是指向一個被自動創(chuàng)建的匿名函數(shù)，該匿名函數(shù)以Attribute的值（也就是"clickMe();"）作為函數(shù)體——也就是等價于1。)

　　簡單的答案

　　基于類的OO語言（比如C#）中，函數(shù)總是聲明在一個類中，函數(shù)內(nèi)部的this指向該類的當前實例。而JS中，函數(shù)是第一等公民（它不會聲明為別的東西的一部分），所以this跟函數(shù)是如何聲明的無關(guān)，跟函數(shù)是怎么被調(diào)用的有關(guān)。

　　方式1和2對clickMe的調(diào)用，不同之處在于：1中clickMe是被button1.onclick所指向的函數(shù)調(diào)用的，2中clickMe是作為button1.onclick屬性直接調(diào)用的。因此對于clickMe函數(shù)，1中的this指向“擁有”clickMe函數(shù)的對象——global（DOMWindow），而2中的this指向“擁有”onclick屬性的對象——button1。

　　可惜對像我這種寫JS寫的不多的人來說，總是記不住這個簡單答案，因為它只告訴我what，沒有告訴我why。本文試圖從ECMAScript官方文檔出發(fā)，從原理上說明：在不同的場合中，函數(shù)的this到底是什么？

　　call和apply

　　首先明確一點，在最正常的情況下，我們這樣調(diào)用：Func()，這時this是由JavaScript來確定的，這也是本篇要研究的主題。而如果用Func.call(thisArg,  arg1, arg2, ...)或者Func.apply(thisArg, [arg1, arg2, ...])來調(diào)用時，this是我們自己傳進去的（作為call或apply的第一個參數(shù)）。如果我們不傳this進去，或者傳null進去，會怎樣？這時this將會是global object?！　?img style="display: block; margin-left: auto; margin-right: auto;" src="/d/file/itjie/itzhishiku/2014-09-29/d30fcaea056426203bc4647a96a560c0.png" alt="" />

　　函數(shù)作為構(gòu)造器時的this

　　先從簡單的說起。所謂構(gòu)造器，就是用new關(guān)鍵字來調(diào)用函數(shù)，在這篇關(guān)于new關(guān)鍵字的玄機的文章中有說到。看下面的注釋，可以知道，A函數(shù)里的this這時就是a。

function A() {this.x = 1;}var a = new A();  //這行代碼大概等價于下面兩行        

        

        
        
      
        
it知識庫：我的JavaScript之旅——this到底是啥？，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。