JavaScript 构造函数中 setInterval 的 this 指向问题如何解决？

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《JavaScript 构造函数中 setInterval 的 this 指向问题如何解决？》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~

在构造函数里使用 setinterval 时 this 指向的问题解答

在 javascript 中，构造函数内部的 this 指向实例对象。但是，在 setinterval 回调函数中，this 却指向 window 对象。这会导致 this 指向问题，导致无法访问实例对象的方法。

解决方法：

有两种方法可以解决此问题：

• 使用 bind 方法：

// 创建构造函数
function myconstructor() {
  this.circle = function() {...};
}

// 使用 bind 绑定 this
const _this = this;
setinterval(function() {
  _this.circle();
}, 1000);

• 使用箭头函数：

// 创建构造函数
function MyConstructor() {
  this.circle = function() {...};
}

// 使用箭头函数保持 this 指向
setInterval(() => {
  this.circle();
}, 1000);

理论要掌握，实操不能落！以上关于《JavaScript 构造函数中 setInterval 的 this 指向问题如何解决？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！