由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()); 

輸出：

確實工作