箭头函数使用简化回调函数,简化函数表达式,固定this指向arr.map(function(x){returnx*2;})arr.map((x)=>2*x)没有自己的this,不能通过调用、应用和绑定更改this的点没有参数对象没有protoType属性没有[[Construct]]方法,不能被new调用,没有new.target绑定constfn1=()=>{console.log('arguments',arguments)}fn1(100,200)//错误函数fn2(){console.log('arguments',arguments)}fn2(100,200)//[100,200,callee:?,Symbol(Symbol.iterator):?]避免以下场景对象方法(原型方法)构造函数声明。构造函数通过new关键字生成一个对象实例。生成对象实例的过程也是通过构造函数将this绑定到实例上的过程,而箭头函数是没有自己的this的。所以箭头不能作为构造函数,也不能通过new操作符调用箭头函数事件监听回调Vue选项API(生命周期,数据等)注意:箭头函数可以用在react组件中Vue组件本质上是一个JSobject;React组件(不是Hooks)本质上是一个ES6类Man('李四','上海')console.log(f.getName())//李四的嵌套箭头函数管道机制部署constpipeline=(...funcs)=>val=>funcs.减少((a,b)=>b(a),val);const加=a=>a+1;constmultiply=a=>a*2;constaddThenMultiply=pipeline(plus,multiply);addThenMultiply(5)//12
