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()函数的指针（即函数的存储地址），setInterval()函数先寻找局部作用域的函数，如果局部没有才回到全局作用域去找，最后不到会报错。又因为addNumber()函数声明在作用域b中，而setInterval()函数也在作用域b中使用，所以能够找到addNumber()函数。

setInterval()第一个参数带引号和不带引号的区别的更多相关文章

  1. JavaScript中setInterval常见的问题（setInterval第一个参数加引号与不加引号区别）

  2. JavaScript中setInterval函数应用常见问题之一（第一个参数不加引号与加引号的区别）

    学过JavaScript 脚本语言的都应该接触过setInterval 函数.如何使用我想大家都知道,但是有时候对于刚刚接触JavaScript的朋友来讲,还是会在使用的时候碰到这样或那样的问题而感到 ...

  3. setTimeout 第一个参数类型

    读别人代码的时候看到这么一段,很不理解,然后就搜了一下百度 setTimeout / setInterval 第一个参数可以有三种类型: 字符串   .  methods  .  匿名函数 1.字符串 ...

  4. vuex2.0.0爬坑记录 -- mutations的第一个参数state不能解构

    今天在学习vuex的过程中,遇到了一个很困扰人的问题,最终利用vuex的状态快照工具logger解决了问题. 问题是这样的,我在子组件中使用了mapState()函数来将状态映射至子组件中,使子组件能 ...

  5. JS的setTimeout函数第一个参数问题

    setTimeout的第一个参数只能放一个无参的函数,更像放了一个函数指针在那里,如果要放带参数的话,就要拿个匿名函数包裹一下

  6. 对setTimeout()第一个参数是字串的深入理解以及eval函数的理解

    <script language="javascript" type="text/javascript"> var a=1; setTimeout( ...

  7. Bat 参数去引号（各种去引号的奇葩方式，三种变量互转），普通变量不能直接去掉外层引号

    很多情况下,我们需要脱除一个字符串中可能会存在的引号,然后在加上自己的引 号使其中的特殊字符(命令连接符& .| .&&.||,命令行参数界定符Space .tab . ; . ...

  8. 可视化CNN神经网路第一层参数

    在上Andrew Ng的课的时候搜集到了课程里面自带的显示NN参数的代码,但是只能显示灰度图,而且NN里的参数没有通道的概念.所以想要获得可视化CNN的参数,并且达到彩色的效果就不行了. 所以就自己写 ...

  9. 拷贝构造函数第一个参数最好使用const

    拷贝构造函数的第一个参数要求是自身类型的引用,但是没有一定要求具有底层const属性即对常量的引用,但是使用时最好加上const,原因是我们可能在某些"不知道"的情况下对常量对象调 ...

随机推荐

  1. excel2007去掉方括号及里面的

    获取括号外面的 b2=LEFT(A1,FIND("[",A1)-1) 获取括号里面的 =MID(A2,FIND("(",A2)+1,(FIND(")& ...

  2. Microsoft office2016(专业增强版) 安装错误，报CRT(KB2999226)

    对着这个错误的出现,网上有解释,这里不多说(实际是我没有找到比较靠谱的说法..),跟Window Update这个服务有关. 首先打开”Windows人为管理器”->"服务" ...

  3. 威联通NAS　网站无法登录，可以ssh情况下重启设备方法

    步骤: 1.VPN登录NAS 2.PUTTY SSH登录设备 3.reboot设备 等待重启约5分钟.

  4. PHP设置30秒内对页面的访问次数

    <?php //Calculate 60 days in the future //seconds * minutes * hours * days + current time $intime ...

  5. Flex与Java通信之HttpService

    flashbuilder4.6.myeclipse10 参考:http://www.cnblogs.com/lovemoon714/archive/2012/05/25/2517684.html 1. ...

  6. 深度学习2015年文章整理（CVPR2015）

    国内外从事计算机视觉和图像处理相关领域的著名学者都以在三大顶级会议(ICCV.CVPR和ECCV)上发表论文为荣,其影响力远胜于一般SCI期刊论文.这三大顶级学术会议论文也引领着未来的研究趋势.CVP ...

  7. myeclipse中断点调试

    在代码最左端,也就是行号位置处双击.会出现一个实心小圆点.即增加的断点.debug启动程序,就会运行到断点处: 按F5是进去方法里面. 按F6是一步一步走, 按F7是跳出方法里面(按F5后再按F7就跳 ...

  8. Activity 之间 传递 List 封装的对象或者对象

    项目中遇到 从也个页面向还有一个页面跳转传递一个List 封装的对象 .按网上查的资料 须要把 对象 实现 Serializable接口. 写了一下.可是跳转直接崩溃.一直看错误之日找不到原因后来自习 ...

  9. 26.使用IntelliJ IDEA开发Java Web项目时，修改了JSP后刷新浏览器无法及时显示修改后的页面

    转自:https://blog.csdn.net/yuxxz/article/details/51318908 使用IntelliJ IDEA开发Java Web项目时,修改了JSP后刷新浏览器无法及 ...

  10. OpenCV —— 矩阵和图像操作

    cvAbs , cvAbsDiff , cvAbsDiffS cvAdd , cvAddS , cvAddWeighted(可添加权重) #include <cv.h> #include ...