首页 / JAVASCRIPT / javascript – 为什么我不能在箭头函数中访问`this`？

javascript – 为什么我不能在箭头函数中访问`this`？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为什么我不能在箭头函数中访问`this`？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含959字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > What does “this” refer to in arrow functions in ES6?                                    6个
下面的代码应按预期工作,并记录“meow”,here an example.

function Cat () {
  this.animalNoise = 'meow' 
}

Cat.prototype.sound = () => {
  console.log(this.animalNoise)
}

let cat = new Cat()
cat.sound()

它不起作用,此错误出现TypeError：无法读取未定义的属性’animalNoise’,当您将箭头函数转换为实际的函数声明时,它可以工作.看起来像箭头功能,我不再能够访问它.这里发生了什么？

需要说明的是,上面的代码在以下代码中不起作用,我很好奇为什么.

function Cat () {
  this.animalNoise = 'meow' 
}

Cat.prototype.sound = function() {
  console.log(this.animalNoise)
}

let cat = new Cat()
cat.sound()

解决方法:

Arrow functions perform lexical binding并使用周围的范围作为此范围.例如,想象(出于一些奇怪的原因)你在Dog构造函数中定义Cat.

function Dog() {
  // do dog like things
  function Cat() { ... }
  Cat.prototype.sound = () => {
    // this == instance of Dog!
  };
}

因此无论周围的范围是什么,都成为箭头函数的范围.

内容总结

以上是互联网集市为您收集整理的javascript – 为什么我不能在箭头函数中访问`this`？全部内容，希望文章能够帮你解决javascript – 为什么我不能在箭头函数中访问`this`？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/725774.html

来源：【匿名】