setInterval作为类方法调用失效，报错this.cast不是函数，求解答

我来帮你排查这个问题！你遇到的Uncaught TypeError: this.cast is not a function错误，核心原因是setInterval回调函数的this指向跑偏了——当你把this.log作为参数传给setInterval时，这个函数的上下文（也就是this）不再指向Caste的实例args，而是默认指向了浏览器的全局对象window，而window上根本没有cast方法，自然就报错了。

下面给你三种有效的修复方案，任选其一都能解决问题：

方案1：用bind()固定this指向 #

通过bind()方法给this.log绑定当前实例的this，这样回调函数里的this就会一直指向Caste实例：

this.counts = function(){ 
  setInterval(this.log.bind(this), 2000); 
}

方案2：用箭头函数包裹回调 #

箭头函数不会创建自己的this，它会继承外部作用域的this，所以直接用箭头函数调用this.log()就能保证上下文正确：

this.counts = function(){ 
  setInterval(() => {
    this.log();
  }, 2000); 
}

方案3：提前保存this到变量 #

在counts方法里先把当前实例的this存到一个变量（比如self），然后在回调里用这个变量访问实例方法，利用闭包保留对实例的引用：

this.counts = function(){ 
  const self = this;
  setInterval(function(){
    self.log();
  }, 2000); 
}

简单总结一下：JavaScript中函数的this指向是由调用方式决定的，当函数作为独立回调被传递时，默认会丢失原有的实例上下文，以上三种方法都是帮你把this重新绑定到Caste实例上，这样log方法里就能正常调用this.cast()了。

内容的提问来源于stack exchange，提问作者Kingsley Ajebon