es6 箭头函数

Posted 2021-01-21 evilliu

一、在es6中函数的定义和es5之间有明显区别。不需要关键字function 来进行定义，使用=>来指向函数。

语法：()=>{}

1）、没参数情况：

1         var  a=()=>2;
2         console.log(a());

 

注意：没有参数的时候，其中()不可以省略。 如果不写{}的时候，=>后面跟的是表达式即返回一个明确值，表示表达式为函数的返回值。

2）、单个参数的情况：

1         var sing=a=>2*a;
2         console.log(sing(2));

 

注意：单个参数的时候()小括号可以省略。

3）返回值为一个对象，需要在返回值的加上小括号，因为{}在箭头函数认为是代码块即执行的函数体。需要用小括号()来让js解析成表达式。

1         var obj=()=>({‘a‘:2});
2         console.log(obj());