箭头函数的总结
2018-04-16 本文已影响0人
无名侠女
1.箭头函数的语法
基础语法:
( 参数1,参数2,....., 参数N )=> { 函数声明 }
( 参数1,参数2,....., 参数N )=>(单一)表达式
只有一个参数时:
(单一参数) =>{ 函数声明 }
单一参数 => { 函数声明 }
没有参数的函数
() => { 函数声明 }
高级语法:
//加括号的函数体返回对象字面表达式:
参数=>({foo:bar})
//支持剩余参数和默认参数
(参数1,参数2,...rest)=>{函数声明}(参数1=默认值1,参数2,…,参数N=默认值N)=>{函数声明}
//同样支持参数列表解构
letf=([a,b]=[1,2],{x:c}={x:a+b})=>a+b+c;f();// 6
2.箭头函数的优点
1.书写形式更加简短
2.不绑定this
箭头函数不会创建自己的this;它使用封闭执行上下文的this值3.箭头函数使用的注意事项
1.通过call或apply调用(由于 this 已经在词法层面完成了绑定,通过 call() 或 apply() 方法调用一个函数时,只是传入了参数而已,对 this 并没有什么影响:)
2.不绑定arguments
箭头函数没有arguments3.像方法一样使用箭头函数
4.使用new操作符
5.使用prototype属性