ES6箭头函数

ES6中在封装代码时使用箭头函数,它是弱化版的函数,在语法上来说更为精简,更为容易识别, 但在本质上没有改变,所以将它视为语法糖

普通函数定义方式:

 箭头函数定义方式:

以上两种定义结果相同

 箭头函数的基本结构 :

        1. 所有箭头函数都没有名字;

        2. 必须使用赋值式声明去声明箭头函数;

      形式如下:

(形参的) => {代码的}

        let foo = () => {}

箭头函数的简写;

  1. 如果参数只有一个,那么可以省略小括号;

 2. 如果代码只有一行,那么可以省略大括号;

 3. 省略大括号的时候,会默认返回运算结果;

 

箭头函数使用注意事项;

1. 箭头函数不支持arguments

  如果需要使用arguments接受参数的特性,我们直接 ...a 传递参数就可以了;

2. this 指向存在差异;

      函数 : 函数的this指向函数的调用者 ;

      箭头函数this指向在声明函数的时候已经固定了,终身不变。扒掉外层的箭头函数,此时的this指向谁,那么箭头函数this就永远指向谁。

 

posted @ 2020-03-26 20:01  木雨ua  阅读(143)  评论(0)    收藏  举报