100个酷炫的数据可视化大屏总有一款适合你(含演示实例)，30款 vue3 数据可视化大屏登录页下载

js箭头函数介绍

js yekong

JavaScript的箭头函数是在ES6（ECMAScript 2015）中引入的，提供了一种更简洁的方式来写函数表达式。箭头函数不仅语法简洁，而且还有其他几个特点，比如不绑定自己的this、arguments、super或new.target。这些特性使得箭头函数特别适合用作那些不需要自己的this上下文的回调函数。

简单示例

const add = (a, b) => a + b;
console.log(add(2, 3)); // 输出: 5

不绑定this

箭头函数不绑定自己的this，它会捕获其所在上下文的this值，作为自己的this值，这使得在回调函数中使用箭头函数时非常方便。

function Timer() {
  this.seconds = 0;
  setInterval(() => this.seconds++, 1000);
}
var timer = new Timer();
setTimeout(() => console.log(timer.seconds), 3100); // 大约3秒后输出: 3

没有自己的arguments对象

箭头函数没有自己的arguments对象，但是可以访问外围函数的arguments对象。

const concatenate = (...args) => args.join('');
console.log(concatenate('I', ' love', ' JS')); // 输出: I love JS

使用限制

  • 箭头函数不能用作构造器，和new一起使用会抛出错误。
  • 箭头函数没有prototype属性。
  • 不能用作生成器函数。

箭头函数因其简洁和对this的处理，成为了现代JavaScript开发中非常受欢迎的功能。

喜欢