ArrowFunctions箭头函数是匿名函数，语法比函数表达式更简洁，并且没有自己的this、arguments、super或new.target。箭头函数表达式更适用于需要匿名函数的地方，它不能用作构造函数。引入箭头函数有两个作用：缩短函数和不绑定this。特征没有自己的this，没有自己的参数，没有原型属性，没有super或new。targetyield关键字通常不能用在箭头函数中（除非嵌套在允许它们的函数中）。不能作为构造函数，不能进行new操作语法一般语法(param1,param2,...,paramN)=>{statements}当只有一个参数时，括号是可选的，下面两个都正确。param1=>{statements}(param1)=>{statements}如果没有参数，需要保留括号。//没有参数的函数应该写成一对括号。()=>{statements}还有一些简写(param1,param2,...,paramN)=>expression//相当于：(param1,param2,...,paramN)=>{returnexpression;}建议是否只有一个参数，保留括号（方便后面增删参数）高级语法：//括号内的函数体返回一个对象字面量表达式：params=>({foo:bar})//支持剩余参数和Default参数(param1,param2,...rest)=>{statements}(param1=defaultValue1,param2,...,paramN=defaultValueN)=>{statements}//也支持参数列表解构让f=([a,b]=[1,2],{x:c}={x:a+b})=>a+b+c;f();//箭头函数的6this箭头函数不会创建自己的this，它的this在函数定义的时候就绑定了，只会在自己的作用域链中逐层向外查找，找到最近的普通函数的this对象（类似于找变量），然后继承thisthis被继承的普通函数的this点改变，箭头函数的this点也会随之改变。而且这个对象在箭头函数中的指向是不能直接改变的。functionfn1(){//第一级普通函数console.log(this);//windowletobj1={//第二级对象fn2:()=>{//第三级箭头函数console.log(this);//window}}obj1.fn2();}fn1()fn1是一个普通函数，它的this指向全局对象window，而fn2是一个箭头函数，它嵌套在fn1的obj1对象中，它的thisfn1的是继承的，所以箭头函数的this也指向window。当箭头函数的作用域链中没有可以继承的this时，指向全局对象。如下letarrow=()=>{console.log(this);}arrow()//窗口对象leto1={o2:{arrow:()=>{console.log(this);}}}o1。o2.arrow()//window对象上面代码中的箭头函数在祖先作用域中找不到继承的this，所以无论是否是严格模式，都会指向window。接下来，把o2改成普通函数（自带this），这时候箭头函数可以找到继承的this，所以指向它。让o1={o2(){console.log(this);//o2对象letarrow=()=>{console.log(this);}arrow()}}o1.o2()//o2objectarrow函数的参数箭头函数没有自己的参数，直接使用会报错letfn1=(a)=>{console.log(arguments);}fn1("a")//UncaughtReferenceError:argumentsisnotdefined但和this一样，可以继承argumentsfunctionfn1(a,b){console.log(arguments);//Arguments(2){...}letarrow=()=>{console.log(arguments);//Arguments(2){...}}arrow()}fn1("a","b")在大多数情况下，使用剩余参数比使用参数对象更好。使用new运算符箭头函数不能用作构造函数，并且在与new一起使用时会抛出错误。varFoo=()=>{};varfoo=newFoo();//TypeError:Foo不是使用原型属性的构造函数箭头函数没有原型属性。varFoo=()=>{};console.log(Foo.prototype);//undefined使用yield关键字yield关键字一般不能用在箭头函数中（除非它嵌套在允许它的函数中）。因此，箭头函数不能用作函数生成器。修复bug由于Javascript的设计缺陷，在非严格模式下，函数内部定义的函数this指向window，而在严格模式下，this是undefined。letoTest={fn(){letfnTest=function(){console.log(this);}fnTest();}}oTest.fn();//窗口对象和箭头函数完全修复了这个错误。将上面的代码修改成箭头函数即可。letoTest={fn(){letfnTest=function(){console.log(this);}fnTest();}}oTest.fn();
