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

  • 相关阅读:
    Node.js 基础介绍
    你所不知道该如何回答的面试题(一)
    深浅拷贝
    CSRF攻击:陌生链接不要随便点
    跨站脚本攻击(XSS)
    同源策略:为什么XMLHttpRequest不能跨域请求资源?
    HTTP/2:如何提升网络速度
    HTTP/1:HTTP性能优化
    WebComponent:像搭积木一样构建Web应用
    winform 保存文件 打开文件 选择文件 字体样式颜色(流 using System.IO;)
  • 原文地址:https://www.cnblogs.com/refe/p/5048779.html
Copyright © 2020-2023  润新知