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

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

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

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

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

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

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

“如果你不能回答這個(gè)問題，你就是一個(gè)初級(jí)開發(fā)人員。我不管你工作了幾年?！?/pre>
這聽起來意味著什么，但實(shí)際上并不是。我的意思是大多數(shù)稱職的面試官會(huì)問你什么是閉包，并且在大多數(shù)時(shí)候你回答錯(cuò)誤將失去這份工作。如果你足夠幸運(yùn)的話，你將得到一個(gè)offer，他們將給你一個(gè)初級(jí)開發(fā)人員的工資而不是一個(gè)高級(jí)的開發(fā)人員。
準(zhǔn)備好快速跟進(jìn)：“你能說出兩種常用的閉包嗎？”
什么是閉包？
閉包就是一個(gè)函數(shù)(封閉的)的集合引用的環(huán)境（詞法環(huán)境）狀態(tài)。換句話說，閉包有能力從一個(gè)內(nèi)部函數(shù)訪問外部函數(shù)的作用域。在JavaScript中，在函數(shù)被創(chuàng)建時(shí)，每次一個(gè)函數(shù)被創(chuàng)建閉包也被創(chuàng)建。
用一個(gè)閉包，只需在一個(gè)函數(shù)內(nèi)部定義一個(gè)函數(shù)，暴露這個(gè)內(nèi)部的函數(shù)，然后返回這個(gè)函數(shù)，或者把它傳遞給另一個(gè)函數(shù)。內(nèi)部的函數(shù)將有能力訪問外部函數(shù)作用域的變量，即使外部的函數(shù)有返回值
使用閉包（實(shí)例）
刨除其他的，閉包通常用于對(duì)象的數(shù)據(jù)私有化。數(shù)據(jù)的私有化是幫助我們開發(fā)接口的一個(gè)重要的屬性，而不是實(shí)現(xiàn)（應(yīng)用的開發(fā)的細(xì)節(jié)實(shí)現(xiàn)）。他是一個(gè)幫助我們開發(fā)一個(gè)穩(wěn)健的軟件的重要概念，因?yàn)閷?shí)現(xiàn)細(xì)節(jié)往往比接口約定更容易被打破。
“程序之于接口，而不是實(shí)現(xiàn)”
設(shè)計(jì)模式：可重用的面向?qū)ο筌浖脑?/p>
在javascript中閉包是的主要機(jī)制就是被用來實(shí)現(xiàn)數(shù)據(jù)的私有化。當(dāng)你用筆包進(jìn)行數(shù)據(jù)的私有化，所包含的變量僅被包含在在外部的函數(shù)作用域內(nèi)。除了通過對(duì)象的特權(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()’訪問任何變量,并使它 成為一個(gè)特權(quán)方法。
使對(duì)象的數(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)用一個(gè)函數(shù)的參數(shù)已返回一個(gè)值得過程
部分應(yīng)用：函數(shù)應(yīng)用他的部分參數(shù)的過程，這個(gè)部分被應(yīng)用的函數(shù)稍后被用來獲得返回值。換句話來說，一個(gè)函數(shù)轉(zhuǎn)變一個(gè)多參數(shù)的函數(shù)，并利用它的返回一個(gè)少參數(shù)的函數(shù)。
部分應(yīng)用利用閉包的作用域來處理參數(shù)對(duì)象，你可以寫一個(gè)泛型函數(shù)部分的將參數(shù)應(yīng)用于目標(biāo)函數(shù)，下面有一個(gè)示例：
partialApply(targetFunction: Function, ...fixedArgs: Any[]) =>
      functionWithFewerParams(...remainingArgs: Any[])

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

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

在這個(gè)例子中，參數(shù)‘10’變成了一個(gè)固定的參數(shù)被保存在‘a(chǎn)dd10()’的閉包作用域中。
下面是‘partialApply()’的實(shí)現(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);
});

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