由Javascript的变量范围迷惑

Question

我发现自己的Javascript的变量范围，有人可以向我解释为什么第一个示例不起作用，但第二个呢？

function test() { 
    return typeof(the_variable) !== 'undefined' && the_variable; 
} 

(function() { 
    var the_variable = "doesn't work"; 
    console.log(test()); 
}()); 

var the_variable = "does work"; 
console.log(test()); 

输出我在日志中得到：

false 
does work 

我也想知道怎么做类似于第一个例子中的东西，

干杯，戴夫。

Answer 1

解释评论：

function test() { 
    return typeof(the_variable) !== 'undefined' && the_variable; 
} 

// The variable in this function is scoped to the anonymous function. 
// It doesn't exist outside that function, so `test` cannot see it 
(function() { 
    var the_variable = "doesn't work"; 
    console.log(test()); 
}()); 

// This variable exists in a scope that wraps the `test` function, so it can see it. 
var the_variable = "does work"; 
console.log(test()); 

Answer 2

在JavaScript中，函数定义范围。在您的第一个示例中，the_variable不在test的范围之内。另一方面，在第二个示例中，the_variable在全局范围内定义并且在任何地方都可用。

编辑

捕捉the_variable在闭合，如果你希望它是提供给test。

var foo = (function() { 
    var the_variable = "does work"; 
    function test() { 
     return typeof(the_variable) !== 'undefined' && the_variable; 
    } 
    return {test : test}; 
}()); 
console.log(foo.test()); 

输出：

确实工作