this關鍵字引用的是包含它的函數作為某個對象的方法被調用時的那個對象。———《JavaScript.Dom高級程序設計》

這句話拆開來看

• this
• 包含this的函數
• 函數被調用時

• 以函數作為方法的對象

  就是說，當函數被調用時，這個函數屬于某個對象的方法，這個對象就是函數內部this關鍵字所指向的對象。

---

首先我們要了解的是，在JavaScript代碼中，所有的變量和方法都包含在名為window的全局對象中。來看個簡單的例子：

function showThis() {alert(this); //window}showThis();

再來看一個例子：

var other = {"showThis": function() {console.log(this); // object other}};other.showThis();

this指向了other對象。 因為showThis()函數在執行時， 它是屬于other對象的方法被調用的， 所以這里的this指向了other對象。

再來看下面的例子：

var other = {"showThis" : function(){console.log(this);}};function doit(fn) {fn();}doit(other.showThis);

來猜猜 this指向了那里呢？

沒錯，是window對象。

和變量不同，關鍵字this沒有作用域的限制，嵌套的函數不會從調用它的函數中繼承this。 如果嵌套函數作為方法調用，其this值指向調用它的對象。 如果嵌套函數作為函數調用，其this值不是全局對象（非嚴格模式下）就是undefined(嚴格模式下)。———— 《JavaScript權威指南》

在這里，我們把other的屬性方法showThis()作為參數傳遞給了doit()函數， 在JavaScript中參數是按值傳遞的，在fn()執行時，它不再作為other對象的方法，所以這里this關鍵字指向了window

如果想訪問外部函數的this值，可以將this的值保存在一個變量里。

var other = {"say" : function(){alert("hello world");},"bind":function(){document.onclick = function(){this.say(); //出錯}}};other.bind();

上面的代碼會出錯，因為onclick事件處理程序是作為DOM元素的方法的，this關鍵字指向了document。 稍微改一下:

var other = {"say" : function(){alert("hello world");},"bind":function(){var self = this;document.onclick = function(){self.say(); //"hello world"}}};other.bind();

在bind()里將this關鍵字存至self變量， bind()的內部函數就可以通過self訪問this。

DOM0級方法(onclick等)指定的事件處理程序，和DOM2級處理程序(addEventListener())指定的事件處理程序，都是作為DOM元素的方法的，this關鍵字指向了元素本身。但是在IE中使用attachEvent()方法添加的事件程序中，事件處理程序會在全局作用域中運行，this指向window。關于事件處理程序可以點擊這里查看詳解

---

個人小結

當函數作為某個對象的方法調用時，內部this關鍵字指向了該對象，如果不屬于任何對象，this指向window。

轉載于:https://www.cnblogs.com/blackwood/archive/2013/05/29/3105646.html

總結

以上是生活随笔為你收集整理的JavaScript this 小结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。