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";