執行上下文

現在加上this,再把過一遍整過過程。

以下面例子為例：

var scope = "global scope";
function checkscope(){
    var scope = "local scope";
    function f(){
        return scope;
    }
    return f();
}
checkscope();

執行過程如下：

（1）執行js程式，建立全域性執行上下文，全域性上下文被壓入執行上下文棧

  ECStack = [
      globalContext
  ];

（2）全域性上下文初始化

globalContext = {
    VO: [global],
    Scope: [globalContext.VO],
    this: globalContext.VO
}
 

（3）在(2)初始化的同時，checkscope 函式被建立，儲存作用域鏈到函式的內部屬性[[scope]]

checkscope.[[scope]] = [
  globalContext.VO
];

（4）執行 checkscope 函式，建立 checkscope 函式執行上下文，checkscope 函式執行上下文被壓入執行上下文棧

ECStack = [
    checkscopeContext,
    globalContext
];

（5）checkscope 函式執行上下文初始化：

• 複製函式 [[scope]] 屬性建立作用域鏈，
• 用 arguments 建立活動物件，
• 初始化活動物件，即加入形參、函式宣告、變數宣告，
• 將活動物件壓入 checkscope 作用域鏈頂端。

同時 f 函式被建立，儲存作用域鏈到 f 函式的內部屬性[[scope]]

    checkscopeContext = {
        AO: {
            arguments: {
                length: 0
            },
            scope: undefined,
            f: reference to function f(){}
        },
        Scope: [AO, globalContext.VO],
        this: undefined
    }
 

（6）執行 f 函式，建立 f 函式執行上下文，f 函式執行上下文被壓入執行上下文棧

ECStack = [
    fContext,
    checkscopeContext,
    globalContext
];

（7）f 函式執行上下文初始化, 以下跟第 4 步相同：

複製函式 [[scope]] 屬性建立作用域鏈 用 arguments 建立活動物件 初始化活動物件，即加入形參、函式宣告、變數宣告 將活動物件壓入 f 作用域鏈頂端

    fContext = {
        AO: {
            arguments: {
                length: 0
            }
        },
        Scope: [AO, checkscopeContext.AO, globalContext.VO],
        this: undefined
    }

（8）f 函式執行，沿著作用域鏈查詢 scope 值，返回 scope 值

（9）f 函式執行完畢，f 函式上下文從執行上下文棧中彈出

ECStack = [
    checkscopeContext,
    globalContext
];

（10）checkscope 函式執行完畢，checkscope 執行上下文從執行上下文棧中彈出

ECStack = [
    globalContext
];