javascript的作用域问题

Question

今天被javascript的作用域搞混了，请各位帮我看下这段代码

<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var test = function () {
            console.log('hello');
        }
        var i = 1;
        $.each([2], function() {
            console.log(i);
            setTimeout('test()', 1000);
        })
    })
</script>

这段代码提示ReferenceError: Can't find variable: test
但是当把$(document).ready(function()删掉或者把var test改成test，即不用var的时候，运行就正常了，可是变量i不管有没有var都是可以获取得到的，这是什么原因？

Answer 1

setTimeout 的第 1 个参数如果不是函数，在 Node6 里会报错

TypeError: "callback" argument must be a function

在浏览器里不报错，不过估计是用 eval 执行的，所以做个实验

(function() {
    var test = function() {
        console.log("hello");
    };
    // setTimeout("test()", 1000);
    eval("test()");
})();

结果输出 hello，很正常。

考虑到你提到的问题，跟作用域有关，把代码稍改一下

(function() {
    var test = function() {
        console.log("hello");
    };
    // setTimeout("test()", 1000);
    window.eval("test()");
})();

报 test 未定义。所有运行如下

从上面实验可以说明：setTimeout 的第一个参数是文本的时候，是通过 window.eval() 执行的。这个时候由于你的 var test() 未定义在 windows 作用域，所以报未定义错误。如果不加 var，test() 是在全局（也就是 window 作用域）内定义的，就可以找到并执行。

Answer 2

这种用字符串表示的计时器，首先解析为可执行的表达式，然后再执行，而且是在全局作用域内执行，所以找不到 test你把"test()"换成test就可以了，注意不要加引号

Answer 3

首先在我的记忆中setTimeout();这个东东的第一个参数是个函数，注意，是个函数。第二，变量不管有木有var这个东东其实在这里并不打紧，因为相当于是个全局变量。你不写他就默认在window作用域下，写了效果也一样。

Answer 4

这种调用函数的方法不建议使用的。就和不建议使用eval一样。
https://developer.mozilla.org...

如果把'test()'改成test就和i能访问到一个道理，访问的都是父级作用域的数据。当使用'test()'是引用的作用域类似全局作用域，然而你定义test函数是在ready的回掉函数作用域并不是全局作用域。所以你把var声明或ready去掉可以方位。