javascript箭头函数是什么_它和普通函数有什么不同?

箭头函数是ES6引入的简洁函数语法,无this/arguments/super/new.target,不能作构造函数或生成器,适合回调场景。

箭头函数是 ES6 引入的一种简洁的函数书写方式,它没有自己的 thisargumentssupernew.target,行为更轻量,也更适用于某些场景。

语法更简洁

箭头函数省略了 function 关键字和 return(单表达式时自动返回),写起来更紧凑:

普通函数:

const add = function(a, b) { return a + b; };

箭头函数:

const add = (a, b) => a + b;

参数只有一个时可省括号,函数体只有一条语句时可省大括号和 return

this 绑定方式不同

普通函数的 this 取决于调用方式(如方法调用、call/apply、构造调用等),而箭头函数不绑定自己的 this,它会继承外层作用域的 this 值。

  • 在对象方法中使用箭头函数,this 不指向该对象,而是指向定义时所在上下文(通常是全局或外层函数)
  • 适合用在回调中避免 this 丢失,比如事件监听、setTimeout、数组方法(mapfilter)里

不能作为构造函数

箭头函数没有 prototype,也不能用 new 调用,否则会报错:

const Person = () => {};
new Person(); // TypeError: Person is not a constructor

而普通函数默认有 prototype,可被用作构造函数。

没有 arguments 对象

箭头函数内部访问不到 arguments,但可以用剩余参数(...args)替代:

const log = () => console.log(arguments); // ReferenceError
const log = (...args) => console.log(args); // ✅ 正确写法

同样,它也不支持 yield,因此不能用作生成器函数。