导入
箭头函数语法
箭头函数语法简介及其优势
箭头函数表达式相比普通函数表达式具有更短的语法,并且没有自己的 this、arguments、super 或 new.target。我们先写一个 ES5 的函数来计算两个数的和。
1var sum = function( a, b ) { 2 return a + b; 3}; 4console.log(sum(2, 3));
使用箭头(=>),我们将这个函数用两步重写。
第一步:将 function 关键字替换为箭头。
1var sum = ( a, b ) => { 2 return a + b; 3}; 4console.log(sum(2, 3));
第二步:如果函数的返回值可以用一个表达式表示,且函数体没有副作用,那么可以省略大括号和 return 关键字。
1var sum = ( a, b ) => a + b; 2console.log(sum(2, 3));
如果函数只有一个参数,左侧的括号可以省略:
1var square = a => a * a; 2console.log(square(2));
箭头函数的使用场景:语法糖,更简洁地编写函数的方式。