天天看點

ES6箭頭函數的this指向

ES6中新增了箭頭函數

下面是在javaScript ES6和之前聲明函數的對比,在傳回的東西隻需要一行或者說比較少的時候用箭頭函數更為優雅;

在之前中我們聲明函數如下

var fn = function(a,b){
	return a + b;
};
fn(1,2);//3
           

ES6聲明函數如下

//其中a和b分别為傳參,a + b 可以了解成return a+b;
var fn = (a,b) => a + b;
		fn(1,2);//3
//如果不需要傳參的話
var fn = () => 3;
           

談到this指向的時候箭頭函數的this指向和普通函數不一樣的,

=>this指向的是定義時this指向的對象,不會改變

function()聲明函數時的this指向會指向使用時所在的對象

function timer(){
	this.age = 18;
	var _this = this;
	setTimeout(function(){
		console.log(this);//指向了全局window
		console.log(this.age);//undefined
		console.log(_this.age);//18		
    },1000);

	setTimeout(()=>console.log(this.age),1500);//18
    };

var timer2 = new timer();

window.age = "nonono";