摘要：我的意思是大多數(shù)稱職的面試官會問你什么是閉包，并且在大多數(shù)時候你回答錯誤將失去這份工作。在閉包的范圍內(nèi)定義的任何公開方法都是特權(quán)的。使對象的數(shù)據(jù)私有化并不是閉包的唯一用途。

文章來源于:https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-closure-b2f0d2152b36

在JavaScript的面試中我通常將這個問題放在第一個或者最后一個問題。坦白地說，如果你沒有深入的學習閉包你的JavaScript不可能有很深的造詣。

你可能JavaScript稍好點兒，但你真的理解如何構(gòu)建一個好的JavaScript應(yīng)用嗎?你真的理解什么正在運行，或者應(yīng)用如何工作的嗎？我對此表示懷疑。不知道這個問題的答案在面試的過程中是一個危險的信號。

你不僅應(yīng)該知道閉包的工作機制是什么，你還應(yīng)該知道他為什么發(fā)生，并且你應(yīng)該很輕松的回答幾種常用的閉包用例。

閉包常用在JavaScript對象的數(shù)據(jù)私有化，事件句柄，回調(diào)函數(shù)，和在局部應(yīng)用，柯里化，以及其他功能的變成形式。

我不在乎面試候選人是否知道‘closure’這個詞語或者技術(shù)定義。我想要弄明白的是他們是否理解基本的運行機制。如果他們不知道，顯而易見這些面試候選者并沒有大量的實際JavaScript應(yīng)用開發(fā)經(jīng)驗。

“如果你不能回答這個問題，你就是一個初級開發(fā)人員。我不管你工作了幾年?！?/pre>
這聽起來意味著什么，但實際上并不是。我的意思是大多數(shù)稱職的面試官會問你什么是閉包，并且在大多數(shù)時候你回答錯誤將失去這份工作。如果你足夠幸運的話，你將得到一個offer，他們將給你一個初級開發(fā)人員的工資而不是一個高級的開發(fā)人員。
準備好快速跟進：“你能說出兩種常用的閉包嗎？”
什么是閉包？
閉包就是一個函數(shù)(封閉的)的集合引用的環(huán)境（詞法環(huán)境）狀態(tài)。換句話說，閉包有能力從一個內(nèi)部函數(shù)訪問外部函數(shù)的作用域。在JavaScript中，在函數(shù)被創(chuàng)建時，每次一個函數(shù)被創(chuàng)建閉包也被創(chuàng)建。
用一個閉包，只需在一個函數(shù)內(nèi)部定義一個函數(shù)，暴露這個內(nèi)部的函數(shù)，然后返回這個函數(shù)，或者把它傳遞給另一個函數(shù)。內(nèi)部的函數(shù)將有能力訪問外部函數(shù)作用域的變量，即使外部的函數(shù)有返回值
使用閉包（實例）
刨除其他的，閉包通常用于對象的數(shù)據(jù)私有化。數(shù)據(jù)的私有化是幫助我們開發(fā)接口的一個重要的屬性，而不是實現(xiàn)（應(yīng)用的開發(fā)的細節(jié)實現(xiàn)）。他是一個幫助我們開發(fā)一個穩(wěn)健的軟件的重要概念，因為實現(xiàn)細節(jié)往往比接口約定更容易被打破。
“程序之于接口，而不是實現(xiàn)”
設(shè)計模式：可重用的面向?qū)ο筌浖脑?/p>
在javascript中閉包是的主要機制就是被用來實現(xiàn)數(shù)據(jù)的私有化。當你用筆包進行數(shù)據(jù)的私有化，所包含的變量僅被包含在在外部的函數(shù)作用域內(nèi)。除了通過對象的特權(quán)方法外，你將不能從外部范圍獲取數(shù)據(jù)。在閉包的范圍內(nèi)定義的任何公開方法都是特權(quán)的。例如：
const getSecret = (secret) => {
  return {
    get: () => secret
  };
};

test("Closure for object privacy.", assert => {
  const msg = ".get() should have access to the closure.";
  const expected = 1;
  const obj = getSecret(1);

  const actual = obj.get();

  try {
    assert.ok(secret, "This throws an error.");
  } catch (e) {
    assert.ok(true, `The secret var is only available
      to privileged methods.`);
  }

  assert.equal(actual, expected, msg);
  assert.end();
});

在上面的例子中，‘.get()’方法是在‘getsecret()’范圍內(nèi)定義的，這使得它可以從‘getsecret()’訪問任何變量,并使它 成為一個特權(quán)方法。
使對象的數(shù)據(jù)私有化并不是閉包的唯一用途。它也可以用來創(chuàng)建有狀態(tài)的函數(shù)，這些函數(shù)的返回值可能受他們內(nèi)部狀態(tài)的影響。示例如下：
const secret = msg => () => msg;

// Secret - creates closures with secret messages.
// https://gist.github.com/ericelliott/f6a87bc41de31562d0f9
// https://jsbin.com/hitusu/edit?html,js,output

// secret(msg: String) => getSecret() => msg: String
const secret = (msg) => () => msg;

test("secret", assert => {
  const msg = "secret() should return a function that returns the passed secret.";

  const theSecret = "Closures are easy.";
  const mySecret = secret(theSecret);

  const actual = mySecret();
  const expected = theSecret;

  assert.equal(actual, expected, msg);
  assert.end();
});

在函數(shù)式編程中，閉包常常被用在局部應(yīng)用&柯里化編程,這里需要明白一些定義：
應(yīng)用程序：應(yīng)用一個函數(shù)的參數(shù)已返回一個值得過程
部分應(yīng)用：函數(shù)應(yīng)用他的部分參數(shù)的過程，這個部分被應(yīng)用的函數(shù)稍后被用來獲得返回值。換句話來說，一個函數(shù)轉(zhuǎn)變一個多參數(shù)的函數(shù)，并利用它的返回一個少參數(shù)的函數(shù)。
部分應(yīng)用利用閉包的作用域來處理參數(shù)對象，你可以寫一個泛型函數(shù)部分的將參數(shù)應(yīng)用于目標函數(shù)，下面有一個示例：
partialApply(targetFunction: Function, ...fixedArgs: Any[]) =>
      functionWithFewerParams(...remainingArgs: Any[])

它將接受一個帶有任意數(shù)量參數(shù)的函數(shù)，接下來我們想要部分的應(yīng)用函數(shù)的參數(shù)然后返回一個帶有剩余參數(shù)的函數(shù)。
下面一個例子，一個求兩個數(shù)字和的函數(shù)：
const add = (a, b) => a + b;

現(xiàn)在你想要一個實現(xiàn)對任意數(shù)字都加10的函數(shù)，我們命名它為‘a(chǎn)dd10()’。‘a(chǎn)dd10(5)’的結(jié)果應(yīng)該是‘15’,我們頂一個‘partialAply()’的函數(shù)，如下：
const add10 = partialApply(add, 10);
add10(5);

在這個例子中，參數(shù)‘10’變成了一個固定的參數(shù)被保存在‘a(chǎn)dd10()’的閉包作用域中。
下面是‘partialApply()’的實現(xiàn)代碼：
// Generic Partial Application Function
// https://jsbin.com/biyupu/edit?html,js,output
// https://gist.github.com/ericelliott/f0a8fd662111ea2f569e

// partialApply(targetFunction: Function, ...fixedArgs: Any[]) =>
//   functionWithFewerParams(...remainingArgs: Any[])
const partialApply = (fn, ...fixedArgs) => {
  return function (...remainingArgs) {
    return fn.apply(this, fixedArgs.concat(remainingArgs));
  };
};


test("add10", assert => {
  const msg = "partialApply() should partially apply functions"

  const add = (a, b) => a + b;

  const add10 = partialApply(add, 10);


  const actual = add10(5);
  const expected = 15;

  assert.equal(actual, expected, msg);
});

正如我們從上面的示例中看到的，這個簡單的返回函數(shù)可以訪問‘fixArgs’參數(shù)，這個參數(shù)是從‘partialApply()’中傳入的。