嵌套執行上下文的生存期

Question

我正在關注article on javascript closures。

在試圖瞭解執行環境的細節時，我遇到了令我感到驚訝的結果。

var globalVar = 'g'; 
var inner; 
var outer = function() { 
    var outerVar = 'o'; 
    inner = function() { 
    var innerVar = 'i'; 
    console.log(innerVar, outerVar, globalVar); 
    } 
} 

outer() 
inner() // Q: What does this log out? 

http://jsfiddle.net/6zvsh/

這實際上輸出i o g。

我期待看到i undefined g。

這是我對過程的理解。我想了解我的錯誤：

1. inner被聲明爲全局對象的屬性和值設置爲undefined
2. outer被調用。
3. 爲outer創建執行上下文，其作用域鏈包括outerVar和全局對象。
4. 全局對象上inner屬性的值被賦予對函數定義的引用。
5. 完成outer的執行上下文。 （相關示波器被刪除？標記爲GC？）
6. inner被調用。
7. 創建一個執行上下文，其作用域鏈包括innerVar和全局對象。
8. outerVar的範圍並不

發現有人可以解釋爲什麼outerVar定義？

Answer 1

創建函數時，它將其周圍的執行上下文作爲範圍引用，從而爲其創建一個closure。

讓我們一步步通過它：

1. inner is declared as a property on the global object and the value is set to undefined

1.5。該outer功能被創建，引用全球範圍內作爲其父範圍

2. outer is invoked.

3. An execution context is created for outer whose scope chain includes outerVar and the global object.

...因爲新的執行上下文的鏈鏈接引用的outer父範圍，該範圍（1.5分配）在全球範圍內。 outerVar是這個新的執行上下文中的一個變量。

4. The value of the inner property on the global object is assigned a reference to the function definition.

...並且函數的父範圍設置爲outer的執行上下文。

5. The execution context for outer finishes. (the related scopes are removed? marked for GC?)

...但不是垃圾收集，因爲它仍然作爲inner功能，還活着（不垃圾）的母公司範圍引用。

6. inner is invoked.

7. An execution context is created whose scope chain includes innerVar and the global object.

新執行上下文具有範圍鏈連結inner父上下文，它是上述用於outer呼叫（具有鏈鏈接到全球範圍內）創建的執行上下文。 innerVar是這個新執行上下文中的一個變量。

8. outerVar is not found in scope

...鏈。