js setTimeout 常见问题小结
更新时间：2013年08月13日 11:13:10 作者：
主要包括this指向问题、向setTimeout传入参数等相关问题，下面与大家分享下以上问题的解决方法，感兴趣的朋友可以参考下
一、 setTimeout this指向问题
setTimeout("this.count()",1000)中的this指的是window对象.
js的setTimeout定义为
window.setTimeout=function(vCode, iMilliSeconds [, sLanguage]){
//.....代码
return timer//返回一个标记符
}
所以当向setTimeout()传入this的时候，当然指的是它所属的当前对象window了。
解决方法：
1、在调用setTimeout前先保存this，如self=this; setTimeout("self.count()", 1000);
2、使用jquery的$.proxy改变this指向，如$.proxy(setTimeout("this.count()"), this);
二、向setTimeout传入参数
function init(){
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random();
//alert(url);
window.setTimeout(function(){ searchJDWater(url);},100);
}
亲测可以传入任意参数，可以是string类型也可以是其他的类型，只是在传入this时要注意用上面的解决方法。
附上一个更加详细的向settimeout传参方法链接https://www.jb51.net/article/40524.htm
setTimeout("this.count()",1000)中的this指的是window对象.
js的setTimeout定义为
复制代码 代码如下:
window.setTimeout=function(vCode, iMilliSeconds [, sLanguage]){
//.....代码
return timer//返回一个标记符
}
所以当向setTimeout()传入this的时候，当然指的是它所属的当前对象window了。
解决方法：
1、在调用setTimeout前先保存this，如self=this; setTimeout("self.count()", 1000);
2、使用jquery的$.proxy改变this指向，如$.proxy(setTimeout("this.count()"), this);
二、向setTimeout传入参数
复制代码 代码如下:
function init(){
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random();
//alert(url);
window.setTimeout(function(){ searchJDWater(url);},100);
}
亲测可以传入任意参数，可以是string类型也可以是其他的类型，只是在传入this时要注意用上面的解决方法。
附上一个更加详细的向settimeout传参方法链接https://www.jb51.net/article/40524.htm
相关文章
这篇文章主要介绍了JavaScript中charAt()方法的使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
JS的Document属性和方法，希望大家了解下，方便以后的开发应用。2010-01-01
关于js的三种使用方式（行内js、内部js、外部js）的程序代码
本文主要和大家介绍关于js的三种使用方式（行内js、内部js、外部js）的实例代码,小编觉得挺不错的,现在分享给大家2018-05-05
下面小编就为大家带来一篇全面了解js中的script标签。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
JavaScript使用escape()、encodeURI()和decodeURI()实现URI编码解码
这篇文章介绍了JavaScript使用escape()、encodeURI()和decodeURI()实现URI编码解码的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了解析JavaScript的ES6版本中的解构赋值,ES6版本为JS带来了诸多简化方面的改进,需要的朋友可以参考下2015-07-07
JavaScript是一门强行声称面向对象的语言,而继承是面向对象的一大主要特性,这里我们根据阮一峰老师的文章来看一下JavaScript程序中实现继承特性的方式总结2016-06-06
本文主要介绍javascript中的String对象的用法，讲解的很详细，希望能给大家做一个参考。2016-06-06
javascript学习笔记之检测浏览器插件代码，需要的朋友可以参考下2012-06-06
有关javascript的性能优化 (repaint和reflow)
本篇文章，小编将为大家介绍，有关javascript的性能优化(repaint和reflow)，有需要的朋友可以参考一下2013-04-04
最新评论