requireJS中使用setTimeout和setInterval遇到的问题和解

页面导航:首页 > 网络编程 > JavaScript > requireJS中使用setTimeout和setInterval遇到的问题和解

requireJS中使用setTimeout和setInterval遇到的问题和解

来源: 作者: 时间:2016-02-19 09:19 【

javascript中与定时相关的API有setTimeout()和setInterval(),这2个函数功能不同,但是使用方式是一样的。javascript中下面的写法,相当于是定义了一个密闭空间,在其中定义的变量和函数都是私

javascript中与定时相关的API有setTimeout()和setInterval(),这2个函数功能不同,但是使用方式是一样的。

javascript中下面的写法,相当于是定义了一个密闭空间,在其中定义的变量和函数都是私有,只能本模块内访问。

(function(){
	
	var msg = "msg";
	
})();

//报错
alert(msg);

以前我写javascript,都是使用setTimeout("say('aty');",1000);这种方式,由于say是全局函数,所以这样写能够正确运行。最近一个项目使用了requireJS框架,这要求我们要用模块化的方式编写javascript。用之前的方式,使用setTimeout就行不通了。

(function(){

	function say(msg)
	{
		alert(msg);
	}
	
	// 第1种方式
	//setTimeout("say('aty');",1000);
	
	// 第2种方式
	//setTimeout(say("aty"),1000);
	
	// 第3种方式
	setInterval(function(){
		say("aty");
	},1000);


})();


第一种方式会报错,因为say函数仅仅在模块内部可见,setTimeout看不见;

第二种方式:代码会立即执行,没有到达setTimeout的延时效果;

第三种方式:通过这种匿名函数调用,能够满足我们的需要,即解决了延时的问题,也解决了变量可见域的问题。


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<