什么是JavaScript的箭头函数_它和普通函数有什么不同呢

箭头函数是javaScript中语法简洁的函数定义方式，与普通函数的关键区别在于：无独立this、不可作为构造函数、无arguments对象、无new.target和super。

箭头函数是 javascript 中定义函数的一种简洁写法，用 => 符号代替 function 关键字。它不只是语法糖，和普通函数在行为上有几个关键区别。

箭头函数没有自己的 this

普通函数的 this 取决于调用方式（比如对象方法、独立调用、call/apply 等），而箭头函数不绑定自己的 this，它会沿作用域链向上找外层普通函数的 this 值。

这在事件回调、定时器或 promise 链中特别有用——避免手动 .bind(this) 或写 const self = this。

• 普通函数：obj.method() 中 this 指向 obj；但 setTimeout(obj.method, 100) 里 this 通常变成 window 或 undefined（严格模式）
• 箭头函数：setTimeout(() => this.doSomething(), 100) 中 this 保持外层上下文，不用额外处理

箭头函数不能作为构造函数

它没有 prototype 属性，也不支持 new 调用。试图用 new 调用箭头函数会直接报错。

立即学习“Java免费学习笔记（深入）”；

万相营造

阿里妈妈推出的AI电商营销工具

168

查看详情

• 普通函数：function Person(name) { this.name = name; } → 可以 new Person('Alice')
• 箭头函数：const Person = (name) => { this.name = name; } → new Person('Alice') 报错 TypeError: Person is not a constructor

箭头函数没有 arguments 对象

它不绑定 arguments，但可以用剩余参数 ...args 替代。

• 普通函数内可直接访问 arguments 类数组对象
• 箭头函数里访问 arguments 会报错或取到外层函数的 arguments（如果存在）
• 推荐写法：(...nums) => nums.reduce((a, b) => a + b)

箭头函数没有 new.target 和 super

它不能用在类的方法定义中替代 constructor，也不能在子类箭头函数里访问 super —— 因为它根本不是“方法”，也没有原型继承语义。

• 类中定义方法必须用普通函数语法（包括简写的 method() {}）
• constructor() {} 必须是普通函数，不能写成 constructor = () => {}

基本上就这些。箭头函数适合写简短的回调、逻辑表达式，或需要稳定 this 的场景；但需要动态 this、构造实例、访问 arguments 或参与继承时，就得用普通函数。