javascript – 如何setInterval来调用类中的函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何setInterval来调用类中的函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1259字，纯文字阅读大概需要2分钟。

内容图文

我有一个类：

function run(){
this.interval;
this.start = function(){
    this.interval = setInterval('this.draw()',1000);
};
this.draw = function(){
    //some code
};} var run = new run(); run.start();

但是我似乎无法在setInterval中引用/调用this.draw(),它说this.draw()不是一个函数,如果我删除引号就说无用的setInterval调用,我做错了什么？

解决方法:

根据函数的调用方式设置this的值.当您使用new调用函数作为构造函数时,这将引用正在创建的对象.类似地,当您使用点符号调用函数(如run.start())时,这将引用run.但是当调用setInterval运行的代码时,这并不意味着你的想法.您可以做的是保存对此的引用,然后使用该引用,如下所示：

function Run(){
  var self = this;

  self.start = function(){
    self.interval = setInterval(function() { self.draw(); },1000);
  };

  self.draw = function(){
    //some code
  };
}

var run = new Run();

run.start();

另请注意,您已创建了一个名为run的函数和一个名为run的变量 – 您需要为它们指定不同的名称.在我的代码中(记住JS区分大小写)我已经将函数名称更改为以大写“R”开头 – 这是要作为构造函数运行的函数的约定.

编辑：好的,看看其他答案,我可以看到,也许我过于复杂,只要draw()不需要访问它就可以这样说：

this.interval = setInterval(this.draw, 1000);

但是我没有给你的构造函数和后来变量同名的观点仍然存在,我将留下所有自我的东西,因为如果draw()确实需要访问它,这是一种技术.如果要向draw()函数添加参数,则还需要这样做.

内容总结

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

内容备注

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

内容手机端