箭头函数没有自己的this，而是词法绑定外层作用域的this值；普通函数的this在调用时动态确定，箭头函数则跳过绑定直接沿作用域链查找，设计目的是简化回调中this的捕获。
箭头函数没有自己的 this，是因为它不绑定 this，而是继承外层作用域的 this 值。这不是“没有”，而是“不重新绑定”——它的 this 是词法绑定（lexical this），定义时就确定了，之后不会随调用方式改变。
为什么箭头函数没有自己的 this？
普通函数的 this 是在**调用时**根据调用方式动态决定的（比如 obj.method() 中 this 指向 obj，而单独调用 func() 时指向全局或 undefined）。箭头函数被设计为更简洁地捕获当前上下文，所以它跳过 this 绑定步骤，直接沿作用域链向上找外层函数的 this。
这本质上是语言设计选择：避免回调中频繁写 var self = this 或反复 .bind(this)。
适合使用箭头函数的典型场景
作为回调函数，且需访问外层 this：比如事件监听、定时器、Promise.then、数组方法（map/filter）中的回调定义简短的内联逻辑：如 arr.map(x => x * 2)、setTimeout(() => console.log('done'), 100)创建闭包时保持上下文一致：React 函数组件中处理事件，或 Vue 的 setup() 中定义方法
不适合使用箭头函数的情况
需要动态 this 的方法定义：比如对象方法、原型方法、构造函数中，因为箭头函数无法响应不同的调用者需要 arguments 对象或 new.target：箭头函数没有 arguments，也没有 new.target，不能用作构造函数需要命名以便调试或递归：箭头函数是匿名的，堆栈追踪不清晰，也无法在内部调用自身（无函数名）
基本上就这些。用对地方很顺手，误用反而会让 this 行为变得难理解——关键不是“有没有 this”，而是“this 从哪来”。
立即学习“Java免费学习笔记（深入）”；
以上就是为什么javascript箭头函数没有this_它适合哪些场景？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543202.html
微信扫一扫 
支付宝扫一扫 
