我爱编程

箭头函数的总结

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

箭头函数没有arguments

3.像方法一样使用箭头函数

4.使用new操作符

5.使用prototype属性

上一篇下一篇

猜你喜欢

热点阅读