Logo
Section 1 / 3

箭头函数语法

箭头函数语法简介及其优势

导入

箭头函数语法

箭头函数语法简介及其优势

箭头函数表达式相比普通函数表达式具有更短的语法,并且没有自己的 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));

箭头函数的使用场景:语法糖,更简洁地编写函数的方式。

函数作用域、块作用域、常量

上下文绑定