閉包的概念

function outerFunction () {
var a = 1
 

return function () {
    console.log(a);
 }
}
 
var innerFunction = outerFunction();
innerFunction();

談談函數執行環境，作用域鏈以及變量對象

ExecutionContext = {
    variableObject: { .... },
    this: thisValue,
    Scope: [ // Scope chain
      // 所有變量對象的列表
    ]
};

function foo (arg) {
    var variable = ’我是變量‘;
    function innerFoo () {
         alert("我是彭湖灣")
    }
}
foo(‘我是參數‘);

ExecutionContext = {
    variableObject: {
      variable：’我是變量‘
      innerFoo： [對函數聲明innerFoo的引用]
      arg: ‘我是參數‘
    },
    this: thisValue,
    Scope: [ // Scope chain
      // 所有變量對象的列表
    ]
};

function foo () {
    var a = 1;
    function innerFoo () {
        console.log(a)
    }
    innerFoo();
}
foo(); // 打印  1

InnerFooExecutionContext = {
    variableObject: {
    },
    this: thisValue,
    Scope: [ // Scope chain
       innerFooExecutionContext. variableObject,  // innerFoo的變量對象
       FooExecutionContext.variableObject,  // Foo的變量對象
       globalContext.variableObject   // 全局執行環境window的變量對象
    ]
};

FooExecutionContext = {
    variableObject: {
       a: 1
    },
    this: thisValue,
    Scope: [ // Scope chain
         FooExecutionContext.variableObject,  // Foo的變量對象
         globalContext.variableObject   // 全局執行環境window的變量對象
    ]
};

閉包和函數柯裏化

function foo (a) {
     return function (b) {
       return function (c) {
            console.log(a + b + c);
       }
     }
}
foo(‘我‘)(‘叫‘)(‘彭湖灣‘); // 打印 我叫彭湖灣

function foo (a) {
    return function (b) {
       return function (c) {
           console.log(a + b + c);
       }
    }
}
 
var foo1 = foo(‘我‘);
var foo2 = foo1(‘叫‘);
foo2(‘彭湖灣‘); // 打印 我叫彭湖灣

閉包造成的額外的內存占用 （註意我說的不是“內存泄漏”！）

function foo (a) {
    return function () {
        console.log(a)
    }
}
 
var foo1 = foo(1);
var foo2 = foo(2);
var foo3 = foo(3);
foo1();  // 輸出1
foo2();  // 輸出2
foo3();  // 輸出3

閉包只能取得包含函數的最後一個值

function createArray() {
   var arr = new Array();
   for (var i = 0; i < 10; i++) {
      arr[i] = function () {
         return i;
      }
    }
    return arr;
}
var funcs = createArray();
for (var i = 0; i < funcs.length; i++) {
     document.write(funcs[i]() + "<br />");
}

【javascript】詳解javascript閉包 — 大家準備好瓜子，我要開始講故事啦~~