javascript中setTimeout的问题解决方法_javascript技巧
程序员文章站
2022-04-10 22:19:14
...
看到一个问题,大概是这个样子得。
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得理解问题。
哪天搞得明白点了再继续写
推荐阅读
-
基于Android中Webview使用自定义的javascript进行回调的问题详解
-
基于Android中Webview使用自定义的javascript进行回调的问题详解
-
11个教程中不常被提及的JavaScript小技巧(推荐)
-
实例讲解JavaScript中的this指向错误解决方法
-
JavaScript中setTimeout和setInterval函数的传参及调用
-
用javascript解决外部数据抓取中的乱码问题
-
JavaScript中offsetWidth的bug及解决方法
-
JavaScript中的子窗口与父窗口的互相调用问题
-
JavaScript开发中14个有用的Jquery技巧分享
-
详解JavaScript中this的指向问题