JavaScript中setInterval函数应用常见问题之一（…

setInterval(fun,1000); //这种方法是正确的。

setInterval(function () {

            alert("我一秒中执行一次");
        }, 1000);

window.onload = function () {
            function fun() {
                alert(1);
            }
             setInterval("fun()",1000);//这个报错了 未定义   重点在这一个
            // setInterval(fun(), 1000); //这个和刚才全局的表现一样
           // setInterval(fun,1000);//这个没有问题
           
        };

    setInterval("fun()",1000); 这种调用报未定义，在全局讲解中我们已经说过了 。可以把带引号的参数理解为 “可执行代码” ，
而setInterval现在把以引号包括的“可执行代码进行”处理。就像eval一样给予执行。其在执行中 fun() 执行环境发生了变化，不是在window.onload方法下，而是在全局执行环境中也就是window.大家应该知道JavaScript存在作用域链，由内向外依次查找。内部可以访问其上层的函数和变量，而外部却不能访问内部的函数和变量。JavaScript有一个预编译处理，首先对函数和变量进行预编译。也就是说其函数和变量作用域是在其声明的时候确定的，而不是在执行的时候确定。当setInterval把"fun()"执行环境换为全局的后，对fun的调用是无效的。因为全局不能这样访问局部的函数和变量。window.onload相对于window来说就是局部的。其实就是一个作用域的问题。

对于setInterval(fun(), 1000)和setInterval(fun,1000)的调用其执行环境并没有改变，所以是可以访问的到的window.onload下声明的函数。只不过setInterval(fun(), 1000)执行fun函数后 会报错的，setInterval其调用错误。为什么错误？在之前已经讲过了，这里就不啰嗦了！

为了证明自己的的理解为第一个参数加引号 以“可执行代码” 执行。以下是自己写的两段代码进行的测试：

function fun1() {
            alert(1);
        }
        setInterval("alert(fun1)",2000);//你认为结果是多少？

 setInterval("var a=1;var b=2;c=a+b;alert(c);",1000); //这个呢？

以上内容是个人的理解，因为自己在之前也碰到了相同的问题！也许仅仅对于刚学JavaScript的朋友有一点帮助。当然可能存在错误（包括错别字），欢迎各位大牛批评斧正！。如果你有意帮助本人提高，请留下你宝贵的建议。请不要因此进行谩骂（其实完全可以把此作为一个笑话）！谢谢！

原文：https://www.cnblogs.com/bluescreen/archive/2013/05/19/3086399.html?utm_source=tuicool

原文链接:https://www.cnblogs.com/showcase/p/11275798.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有