setInterval()第一个参数带引号和不带引号的区别:
关于定时函数setInterval()的基本用法这里就不做介绍了,查阅相关教程即可,这里主要介绍一下setInterval()函数的第一个参数两种不同的形式的区别和在应用中应该注意的事项,下面结合实例简单介绍一下。
setInterval()函数第一个参数具有两种形式:
一.字符串形式:
setInterval("a()",1000)
二.指针形式:
setInterval(a,1000);
以上两种都是经常使用的方式,都能够在每隔一秒执行一次a()函数。但是两种方式并不是在所有的情况下都能够生效。
代码实例如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>setInterval()第一个参数带引号和不带引号的区别-蚂蚁部落</title> <style type="text/css">div{ width:200px; height:50px; margin:0px auto; background-color:green; text-align:center; line-height:50px; color:red;}</style><script type="text/javascript">window.onload=function b(){ var a=0 function addNumber(){ a=a+1; document.getElementById("num").innerHTML=a; } setInterval("addNumber()",1000);}</script></head><body><div id="num"></div></body></html>
以上代码并没有实现我们所期望的效果,也就是div中的数字自增现象,貌似代码也没有任何错误。再看一段代码实例:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>setInterval()第一个参数带引号和不带引号的区别-蚂蚁部落</title> <style type="text/css">div{ width:200px; height:50px; margin:0px auto; background-color:green; text-align:center; line-height:50px; color:red;}</style><script type="text/javascript">window.onload=function b(){ var a=0 function addNumber(){ a=a+1; document.getElementById("num").innerHTML=a; } setInterval(addNumber,1000);}</script></head><body><div id="num"></div></body></html>
以上代码实现了div中数字自增效果。如果比较两个实例代码,唯一的不同点就是setInterval()函数第一个参数的不同,第一个使用字符串形式作为参数,第二个是使用指针形式作为参数。下面就介绍一下这两个的不同点:
一.为字符串的时候:
当参数为字符串时候,函数所传递的"addNumber"参数在根本上和addNumber函数没有任何关系,而setInterval()函数对此字符串的处理方式类似于eval()函数,会在全局作用域查找addNumber()函数,于是会出现addNumber is not defined的错误。此种传值方式具有eval()同样的问题,所以不建议使用。
二.为函数名称时候:
当参数为函数名称的时候,实际上传递的addNumber()函数的指针(即函数的存储地址),又因为addNumber()函数声明在作用域b中,而setInterval()函数也在作用域b中使用,所以能够找到addNumber()函数。关于作用域可以参阅javascript作用域和作用域链简单介绍一章节了解相关内容。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=6327
更多内容可以参阅:http://www.softwhy.com/javascript/