箭头函数

最新推荐文章于 2024-08-12 17:14:51 发布

原创最新推荐文章于 2024-08-12 17:14:51 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

TypeScript 专栏收录该内容

6 篇文章

订阅专栏

博客介绍了箭头函数，它相当于匿名函数，简化了函数定义。同时指出箭头函数不会绑定this，也不会改变this本来的绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

箭头函数相当于匿名函数，并且简化了函数定义。

箭头函数不会绑定this,箭头函数不会改变this本来的绑定。

var elements = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];

elements.map(function(element) { 
  return element.length; 
}); // 返回数组：[8, 6, 7, 9]

// 上面的普通函数可以改写成如下的箭头函数
elements.map((element) => {
  return element.length;
}); // [8, 6, 7, 9]

// 当箭头函数只有一个参数时，可以省略参数的圆括号
elements.map(element => {
 return element.length;
}); // [8, 6, 7, 9]

// 当箭头函数的函数体只有一个 `return` 语句时，可以省略 `return` 关键字和方法体的花括号
elements.map(element => element.length); // [8, 6, 7, 9]


// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
var i, sum = x + y;
for (i=0; i<rest.length; i++) {
    sum += rest[i];
}
return sum;

}