箭头函数表达式

（）=>表达式param=>表达式（param）=>表达式（param1，paramN）=>表达式() => {声明}参数=>{声明}（参数1，参数N）=>{声明}

（a，b，…r）=>表达式（a=400，b=20，c）=>表达式（[a，b]=[10，20]）=>表达式（{a，b}={a:10，b:20}）=>表达式

异步参数=>表达式异步（param1，param2，…paramN）=>{声明}

//传统匿名函数（功能（a）{返回a+100；});// 1. 删除单词“function”并将箭头放在参数和正文左大括号之间（a） =>{返回a+100；};// 2. 拆下车身支架和单词“return”-表示返回。（a） =>a+100；// 3. 删除参数括号a=>a+100；

//传统匿名函数（函数（a，b）{返回a+b+100；});//箭头功能（a，b）=>a+b+100；常数a=4；常数b=2；//传统匿名函数（无参数）（函数（）{返回a+b+100；});//箭头函数（无参数）（）=>a+b+100；

//传统匿名函数（函数（a，b）{常量卡盘=42；返回a+b+卡盘；});//箭头功能（a，b）=>{常量卡盘=42；返回a+b+卡盘；};

//传统功能函数bob（a）{返回a+100；}//箭头函数常量bob2=（a）=>a+100；

常量函数=（x）=>x*x；//表达式正文语法，隐含“return”常数函数2=（x，y）=>{返回x+y；};//对于块体，需要显式的“return”

常量函数=（）=>{foo:1}；//调用func（）返回未定义的！constfunc2=（）=>{foo:function（）{}}；//SyntaxError:函数语句需要一个名称常量函数3=（）=>{foo（）{}}；//语法错误：意外标记“{”

const func=（）=>（｛foo:1｝）；

“使用严格”；常量对象={i： 10、，b： （）=>console.log（this.i，this），c（）{console.log（this.i，this）；},};对象b（）；//日志未定义，窗口{/*…*/}（或全局对象）对象c（）；//日志10，对象{/*…*/}

“使用严格”；常量对象={a： 10、，};对象.defineProperty（obj，“b”{得到：（）=>{console.log（this.a，this.a的类型，this）；//未定义的“未定义”窗口{/*…*/}（或全局对象）返回这个。a+10；//表示全局对象“Window”，因此“this.a”返回“undefined”},});

C类{a=1；autoBoundMethod=（）=>{console.log（this.a）；};}const c=新c（）；c.自动边界方法（）；//1const{autoBoundMethod}=c；autoBoundMethod（）；//1//如果它是一个普通方法，那么在这种情况下应该是未定义的

C类{a=1；建设者（）{this.method=this.meth.bind（this）；}方法（）{console.log（this.a）；}}

函数foo（n）{常量f=（）=>参数[0]+n；//foo的隐式参数绑定。参数[0]为n返回f（）；}foo（3）；//3 + 3 = 6

函数foo（n）{常数f=（…args）=>args[0]+n；返回f（10）；}foo（1）；//11

常量Foo=（）=>{}；const foo=新foo（）；//TypeError:Foo不是构造函数console.log（Foo中的“prototype”）；//假

常数函数=（a，b，c）=> 1;//语法错误：意外标记“=>”

常数函数=（a，b，c）=>1;常数函数2=（a，b，c）=>(1);常数函数3=（a，b，c）=>{返回1；};常量函数4=(a、，b、，c、，) => 1;

let回调；回调=回调|（）=>{}；//语法错误：无效的箭头函数参数

回调=回调（（）=>{}）；

//空箭头函数返回未定义的常量空=（）=>{}；（（）=>“foobar”）（）；//返回“foobar”//（这是立即调用的函数表达式）const simple=（a）=>（a>15？15:a）；简单（16）；//15简单（10）；//10常数最大值=（a，b）=>（a>b？a:b）；//简单的阵列过滤、映射等。常数arr=[5，6，13，0，1，18，23]；const sum=arr.reduce（（a，b）=>a+b）；// 66常数偶数=arr.filter（（v）=>v%2===0）；// [6, 0, 18]const double=arr.map（（v）=>v*2）；// [10, 12, 26, 0, 2, 36, 46]//更简洁的承诺链承诺然后（a）=>{// …})然后（b）=>{// …});//直观地更容易解析的无参数箭头函数setTimeout（（）=>{console.log（“我很快就会发生”）；setTimeout（（）=>{//深层代码console.log（“稍后发生”）；}, 1);}, 1);

常量对象={数量：100，};//在global上设置“num”以显示如何不使用它。globalThis.num=42；//操作“this”的简单传统函数常量添加=函数（a、b、c）{返回this.num+a+b+c；};console.log（添加.call（obj，1，2，3））；//106控制台.log（添加.apply（obj，[1,2,3]））；//106const boundAdd=添加绑定（obj）；console.log（boundAdd（1,2,3））；//106

常量对象={数量：100，};//在globalThis上设置“num”以显示它是如何拾取的。globalThis.num=42；//箭头功能常量加法=（a，b，c）=>this.num+a+b+c；console.log（添加.call（obj，1，2，3））；//48控制台.log（添加.apply（obj，[1,2,3]））；//48const boundAdd=添加绑定（obj）；console.log（boundAdd（1,2,3））；//48

常量对象={计数：10，稍后做某事（）{setTimeout（函数（）{//函数在窗口作用域上执行this.count++；console.log（this.count）；}, 300);},};obj.doSomethingLater（）；//记录“NaN”，因为属性“count”不在窗口范围内。

常量对象={计数：10，稍后做某事（）{//方法语法将“this”绑定到“obj”上下文。setTimeout（（）=>{//由于箭头函数没有自己的绑定//setTimeout（作为函数调用）不创建绑定//本身，使用外部方法的“obj”上下文。this.count++；console.log（this.count）；}, 300);},};obj.doSomethingLater（）；//日志11