javascript中setTimeout的问题解决方法
更新时间:2014年05月08日 09:20:49 作者:
这篇文章主要介绍了javascript中setTimeout的问题以及对应的解决方法,需要的朋友可以参考下
看到一个问题,大概是这个样子得。
name = 'out of you'
foo = function(){
this.name = 'xxoo';
}
foo.prototype.say = function(){
console.log(this.name);
}
f = new foo();
f.say(); // 这句会输出xxoo
setTimeout(f.say, 500); // 这句会输出out of you
这是个坑,javascript的this是在调用的时候产生的,还跟上下文有关。这么解决呢。我测试了一下,用了call。
setTimeout.call(foo(), f.say, 500)
网上的一些解决方法
js中setTimeout的this指向问题
JavaScript中使用Timer
最后其实还是对this得理解问题。
哪天搞得明白点了再继续写
复制代码 代码如下:
name = 'out of you'
foo = function(){
this.name = 'xxoo';
}
foo.prototype.say = function(){
console.log(this.name);
}
f = new foo();
f.say(); // 这句会输出xxoo
setTimeout(f.say, 500); // 这句会输出out of you
这是个坑,javascript的this是在调用的时候产生的,还跟上下文有关。这么解决呢。我测试了一下,用了call。
复制代码 代码如下:
setTimeout.call(foo(), f.say, 500)
网上的一些解决方法
js中setTimeout的this指向问题
JavaScript中使用Timer
最后其实还是对this得理解问题。
哪天搞得明白点了再继续写
您可能感兴趣的文章:
相关文章
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
这篇文章主要介绍了javascript和jQuery中的AJAX技术,结合实例形式分析了javascript与jQuery中ajax的实现方法以及AJAX各种跨域技术的原理与操作技巧,需要的朋友可以参考下2016-12-12JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
这篇文章主要介绍了JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)的相关资料,需要的朋友可以参考下2016-02-02self.attachevent is not a function的解决方法
今天一个客户用chrome浏览器访问网站,他的网站js提示self.attachevent is not a function,这个问题就是这个浏览器不支持attachevent,可以通过如下方法解决了,分享一下,需要的朋友可以参考下2017-04-04
最新评论