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

6次阅读

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

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

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

箭头函数没有自己的 this

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

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

  • 普通函数:obj.method()this 指向 obj;但 setTimeout(obj.method, 100)this 通常变成 windowundefined严格模式
  • 箭头函数:setTimeout(() => this.doSomething(), 100)this 保持外层上下文,不用额外处理

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

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

立即学习Java 免费学习笔记(深入)”;

  • 普通函数: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 或参与继承时,就得用普通函数。

站长
版权声明:本站原创文章,由 站长 2025-12-15发表,共计1097字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
1a44ec70fbfb7ca70432d56d3e5ef742
text=ZqhQzanResources