箭头函数是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免费学习笔记（深入）”；
普通函数：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 或参与继承时，就得用普通函数。
以上就是什么是JavaScript的箭头函数_它和普通函数有什么不同呢的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1542743.html
微信扫一扫 
支付宝扫一扫 
