箭头函数

普通函数

function test(){}
var test=function(){}

箭头函数去掉function,改用箭头=>来定义

var test=()=>{}

如果只有一个参数，并且代码块只有一句话，可以简写（如果返回是一个对象，不能省略return）

var test=x=>console.log(x)

箭头函数和普通函数this指向问题

   var obj={
        name:"梦令",
         sayHi:function(){
            console.log(this)
              }
    }
    obj.sayHi()

    obj2={
         name:"小米",
         sayHi:()=>console.log(this)
    }
    obj2.sayHi()

第一个this指向obj，箭头函数this指向他所在的父亲也就是window。

箭头函数和普通函数的区别
1.没有this、super、arguments和new.target绑定， 箭头函数中的this、super、arguments及new.target这些值由外围最近一层非箭头函数决定
2.不能通过new关键字调用箭头函数没有construct方法，所以不能被用作构造函数，如果通过new关键字调用箭头函数，程序会抛出错误
3.没有原型 由于不可以通过new关键字调用箭头函数，因而没有构建原型的需求，所以箭头函数不存在prototype这个属性
4.不可以改变this的绑定 函数内部的this值不可被改变，在函数的生命周期内始终保持一致
5.不支持argument对象 箭头函数没有argument绑定，所以你必须通过命名参数和不定参数这两种形式访问函数的参数
6.不支持重复的命名参数 无论在严格还是非严格模式下，箭头函数都不支持重复的命名参数；在传统函数的规定中，只有在严格模式下才不能有重复的命名参数