javascript
JavaScript中this的指向问题
this使用到的情況：
1. 純函數
2. 對象方法調用
3. 使用new調用構造函數
4. 內部函數
5. 使用call / apply
6.事件綁定
1. 純函數
?
var name = 'this is window'; //定義window的name屬性 function getName(){ console.log(this); //控制臺輸出: Window //this指向的是全局對象--window對象 console.log(this.name); //控制臺輸出: this is window / } getName();運行結果分析：純函數中的this均指向了全局對象，即window。
2. 對象方法調用
var name = 'this is window'; //定義window的name屬性,看this.name是否會調用到 var testObj = { name:'this is testObj', getName:function(){ console.log(this); //控制臺輸出:testObj //this指向的是testObj對象 console.log(this.name); //控制臺輸出: this is testObj } } testObj.getName();運行結果分析：被調用方法中this均指向了調用該方法的對象。
3.??使用new調用構造函數
function getObj(){ console.log(this); //控制臺輸出: getObj{} //this指向的新創建的getObj對象 } new getObj();運行結果分析：new 構造函數中的this指向新生成的對象。
4. 內部函數
var name = "this is window"; //定義window的name屬性,看this.name是否會調用到 var testObj = { name : "this is testObj", getName:function(){ //var self = this; //臨時保存this對象 var handle = function(){ console.log(this); //控制臺輸出: Window //this指向的是全局對象--window對象 console.log(this.name); //控制臺輸出: this is window //console.log(self); //這樣可以獲取到的this即指向testObj對象 } handle(); } } testObj.getName();運行結果分析：內部函數中的this仍然指向的是全局對象，即window。這里普遍被認為是JavaScript語言的設計錯誤，因為沒有人想讓內部函數中的this指向全局對象。一般的處理方式是將this作為變量保存下來，一般約定為that或者self，如上述代碼所示。
5. 使用call / apply
var name = 'this is window'; //定義window的name屬性,看this.name是否會調用到 var testObj1 = { name : 'this is testObj1', getName:function(){ console.log(this); //控制臺輸出: testObj2 //this指向的是testObj2對象 console.log(this.name); //控制臺輸出: this is testObj2 } } var testObj2 = { name: 'this is testObj2' } testObj1.getName.apply(testObj2); testObj1.getName.call(testObj2);Note：apply和call類似，只是兩者的第2個參數不同：
[1] call( thisArg [，arg1，arg2，… ] );??// 第2個參數使用參數列表：arg1，arg2，...?
[2] apply(thisArg [，argArray] );? ???//第2個參數使用 參數數組：argArray
運行結果分析：使用call / apply??的函數里面的this指向綁定的對象。
6. 事件綁定
事件方法中的this應該是最容易讓人產生疑惑的地方，大部分的出錯都源于此。
運行結果分析：以上2種常用事件綁定方法，在頁面Element上的進行事件綁定（οnclick="btClick();"），this指向的是全局對象；而在js中進行綁定，除了attachEvent綁定的事件方法（this指向的是全局對象）外，this指向的是綁定事件的Elment元素。
轉載于:https://www.cnblogs.com/chenliyang/p/6542979.html
總結
以上是生活随笔為你收集整理的JavaScript中this的指向问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： AtCoder - 2153 An Or
- 下一篇： Luogu P1198 [JSOI200