zoukankan      html  css  js  c++  java
  • setInterval()第一个参数带引号和不带引号的区别

    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{
      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{
      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()函数。

  • 相关阅读:
    IE9以上获取元素的写法
    struts2动态跳转action,修改和添加共用一个页面
    Struts2网页面传值两种方式
    hibernate方法中参数传入数组的查询方法
    获取当前泛型类的传入,BaseDaoImpl<T> implements BaseDao<T>
    .net 必看书籍1
    knockjs
    javascript 处理链接的多种方式
    ckeditor 工具栏的配置
    C# 针对文件夹的操作
  • 原文地址:https://www.cnblogs.com/refe/p/5048779.html
Copyright © 2011-2022 走看看