箭头函数与传统函数最核心区别是this绑定方式不同：箭头函数this词法绑定、不可变，无arguments、不能new调用、无prototype；传统函数this动态绑定，支持arguments、new及call/apply/bind。
箭头函数和传统函数最核心的区别在于 this 绑定方式不同，其次是语法、arguments、new 调用等行为有明显差异。理解这些区别能避免常见 bug，尤其在事件处理、定时器和对象方法中。
1. this 指向不可变，继承外层作用域
箭头函数没有自己的 this，它会沿作用域链向上查找，使用定义时所在上下文的 this 值，而不是调用时的。传统函数的 this 则取决于调用方式（如 obj.fn() 中 this 指向 obj，单独调用则指向全局或 undefined）。
常见陷阱示例：
对象方法中用箭头函数，this 不指向该对象，而是外层（比如模块顶层或 class 外部） 事件回调或 setTimeout 内使用箭头函数，可自然捕获外层 this，避免手动 bind
2. 无法作为构造函数，不能用 new 调用
箭头函数没有 [[Construct]] 内部方法，也没有 prototype 属性。尝试 new 一个箭头函数会直接抛出 TypeError。
立即学习“Java免费学习笔记（深入）”；
这意味着：不能用箭头函数模拟类、创建实例，也不应替代需要实例化的构造器逻辑。
3. 没有 arguments 对象，不支持 rest 参数以外的参数访问
箭头函数内部没有 arguments 绑定。若需访问参数，必须显式使用 rest 参数（…args）。
传统函数中，即使没写形参，也能通过 arguments 获取所有传入值；箭头函数做不到这点。
4. 没有原型（prototype）且不能用 call/apply/bind 改变 this
因为箭头函数的 this 是词法绑定的，bind、call、apply 对其无效（它们仍会执行，但 this 不会改变）。同时，它没有 prototype 属性，因此不能被用于继承体系。
注意：这不代表箭头函数完全不能重用——可通过闭包或高阶函数实现类似效果，只是机制不同。
不复杂但容易忽略。用箭头函数时，先问一句：“这里是否需要动态 this？是否要 new？是否依赖 arguments？” 符合就用传统函数，否则箭头函数更简洁安全。
以上就是JavaScript箭头函数与传统函数有何区别？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544337.html
微信扫一扫 
支付宝扫一扫 
