es6：箭头函数

先看一个普通函数:

function add(a,b){
return a+b
}

add(2,2) //输出4

箭头函数写法:
add=(a,b)=>a+b
add(2,2) //输出4

总结一：箭头函数写法更简洁，省去了每次写function和renturn的关键词

每个普通函数体内都有个this，而这个this指向的总是函数调用者，而箭头函数内部是没有this的，它里面如果用的this，其实是继承的上层对象的this！这个特点有什么用呢？可看实例！
var obtn=doucument.getElementById(“btn”)
obtn .onclick=function(){
setTimeout(function(){
console.log(this)
},10)
}
这个会输出：window //因为我们在setTimeout方法的调用者其实是window，所以自然this会指向函数被调用者window
其实我们想延迟输出：obtn对象 //一般的做法是：
obtn .onclick=function(){
var _this=this
setTimeout(function(){
console.log(_this)
},10)
} //这样就会输出 obtn对象

现在我们有了箭头函数可以这样写：
obtn .onclick=function(){

 setTimeout(()=>{
      console.log(this)
 }),10)

} //这样就会输出 obtn对象,因为箭头函数体内没有this，他里面的this是继承上层函数体内的this，而上层函数this指向的就是obtn对象

总结二：每个普通函数体内都有个this，而这个this指向的总是函数调用者，而箭头函数内部是没有this的，它里面如果用的this，其实是继承的上层对象的this！