使用 qUnit 进行变量范围和测试

Question

我是 qUnit 测试的新手，很难理解为什么我的变量“a”通过了范围测试，即使在定义“a”之前调用了测试。当我注销“a”时，它的行为符合预期。谁能给个提示？

代码如下：

function outer() {
    test('inside outer', function (assert) {
        assert.equal(typeof inner, "function", "inner is in scope"); //pass
        assert.equal(typeof a, "number", "a is in scope"); // pass
    });
    console.log(a); // undefined
    var a = 1;
    console.log(a); // 1
    function inner() {}

    var b = 2;

    if (a == 1) {
        var c = 3;
    }
}

outer();

Answer 1

因为 JavaScript 的 hoisting "a" 实际上是在函数顶部声明的，但在代码中为它赋值的位置初始化。

因此，当您的代码被解释时，它实际上看起来更像这样：

function outer() {
    var a, b, c;
    test('inside outer', function (assert) {
        assert.equal(typeof inner, "function", "inner is in scope"); //pass
        assert.equal(typeof a, "number", "a is in scope"); // pass
    });
    console.log(a); // undefined
    a = 1;
    console.log(a); // 1
    function inner() {}

    b = 2;

    if (a == 1) {
        c = 3;
    }
}

另外，看看 JavaScript 的函数作用域规则：http://www.w3schools.com/js/js_scope.asp