[ES6] 箭头函数 this

箭头函数含义

使用 ()=>{} 替换 匿名函数的语法形式
也就是 使用 ()=>{} 替换 function(){}

箭头函数的简写语法形式

1, 如果只有一个形参 可以 不写 ( ) 小括号
2, 只有一行执行程序 可以 不写 { } 大括号

匿名函数

arr.forEach(function(item){
            console.log(item);
        })

对应的箭头函数
arr.forEach( item => console.log(item) )

匿名函数

 oDiv.addEventListener( 'click' , function(){
            console.log(111);
        })

对应的箭头函数
oDiv.addEventListener( 'click' , () => console.log(222) )

箭头函数 和 普通的匿名函数的区别

1, 箭头函数没有 arguments
2, 箭头函数的 this 指向不同

箭头函数不会创建自己的this，所以它没有自己的this，它只会从自己的作用域链的上一层继承this。