js中this的指向-筆記

普通函數：this 永遠指向調用它的對象，new的時候，指向new出來的對象。
箭頭函數：箭頭函數沒有自己的 this，當在內部使用了 this時，它會指向最近一層作用域內的 this。

//例1
var obj = {
	name: 'latency',
	sayName: function(){
		console.log('name:',this.name);
	}
}
obj.sayName()          //name: latency

例1：調用sayName()的是obj，所以this指向obj。

//例2
var name = 'cheng';
var obj = {
	name: 'latency',
	sayName: function(){
	        return function(){
		       console.log('name:',this.name);
		}
	}
}
obj.sayName()()          //name: cheng    

例2：obj調sayName方法後，返回的是一個閉包，而真正調這個閉包的是windows對象，所以其this指向window對象。

//例3
var obj = {
	name: 'latency',
	sayName: function(){
		return () => {
		    console.log('name:', this.name);
	        }
	}
}
obj.sayName()()          //name: latency    

例3：箭頭函數沒有自己的 this，當在內部使用了 this時，它會指向最近一層作用域內的 this。因為有return所以出了sayName()當前作用域，所以它會指向最近一層作用域內的 this即obj。

//例4
var name = 'cheng';
var obj = {
	name: 'latency',
	sayName: () => {
	    console.log('name:', this.name) 
	}
}
obj.sayName()       //name: cheng

例4：由於sayName()整個函數就是一個箭頭函數，沒有自己的this，所以this指向的最近一層作用域內的this，也就是window對象。這種情況下，就不適合用箭頭函數來實現了。

//例5
var obj = {
	name: 'latency',
	sayName: function(){
	    return () => {
		return () => {
		    return () => {
		        console.log("name:", this.name);
		    };
	        };
	    };
	}
}
obj.sayName()()()()          //name: latency        

例5：自己練習吧!

參考鏈接：https://blog.csdn.net/latency_cheng/article/details/80022066