閉包面試題原題

plokmju88 發(fā)布于2019-08-23 11:32 / 556人閱讀

摘要：閉包面試題原題第一個(gè)例子返回返回返回返回第二個(gè)例子第三個(gè)例子一關(guān)于這個(gè)函數(shù)的執(zhí)行過程先大致說一下這個(gè)函數(shù)的執(zhí)行過程初始化一個(gè)具名函數(shù)，具名函數(shù)就是有名字的函數(shù)，名字叫。

閉包面試題原題

function fun(n, o) { // ① 
  console.log(o);
  return { // ② 
    fun: function(m) { // ③ 
      return fun(m, n); // ④ 
    }
  };
}

// 第一個(gè)例子
var a = fun(0); // 返回undefined
a.fun(1); // 返回 ？
a.fun(2); // 返回 ？
a.fun(3); // 返回 ？

// 第二個(gè)例子
var b = fun(0)
  .fun(1)
  .fun(2)
  .fun(3); //undefined,?,?,?

// 第三個(gè)例子
var c = fun(0).fun(1);
c.fun(2);
c.fun(3); //undefined,?,?,?

一、關(guān)于這個(gè)函數(shù)的執(zhí)行過程

先大致說一下這個(gè)函數(shù)的執(zhí)行過程：

① 初始化一個(gè)具名函數(shù)，具名函數(shù)就是有名字的函數(shù)，名字叫 fun。

② 第一個(gè) fun 具名函數(shù)執(zhí)行之后會(huì)返回一個(gè)對(duì)象字面量表達(dá)式，即返回一個(gè)新的object對(duì)象。

{ // 這是一個(gè)對(duì)象，這是對(duì)象字面量表達(dá)式創(chuàng)建對(duì)象的寫法，例如{a:11,b:22}
fun: function(m) {

return fun(m, n);

}
}
③ 返回的對(duì)象里面含有fun這個(gè)屬性，并且這個(gè)屬性里面存放的是一個(gè)新創(chuàng)建匿名函數(shù)表達(dá)式function(m) {}。

④ 在③里面創(chuàng)建的匿名函數(shù)會(huì)返回一個(gè)叫 fun 的具名函數(shù)return fun(m, n);，這里需要說明一下這個(gè) fun 函數(shù)返回之后的執(zhí)行過程：

返回 fun 函數(shù)，但默認(rèn)不執(zhí)行，因?yàn)樵?js 里面，函數(shù)是可以保存在變量里面的。

如果想要執(zhí)行 fun 函數(shù)，那么首先會(huì)在當(dāng)前作用域?qū)ふ医衒un 名字的具名函數(shù)，但是因?yàn)楫?dāng)前作用域里 fun 名字的函數(shù)是沒有被定義的，所以會(huì)自動(dòng)往上一級(jí)查找。
2.1 注解：當(dāng)前的作用域里是一個(gè)新創(chuàng)建的對(duì)象，并且對(duì)象里面只有 fun 屬性，而沒有 fun 具名函數(shù)
2.2 注解：js 作用域鏈的問題，會(huì)導(dǎo)致他會(huì)不斷地往上級(jí)鏈查找。

在當(dāng)前作用域沒找到，所以一直往上層找，直到找到了頂層的 fun函數(shù)，然后執(zhí)行這個(gè)頂層的 fun 函數(shù)。

然后這兩個(gè) fun 函數(shù)會(huì)形成閉包，第二個(gè) fun 函數(shù)會(huì)不斷引用第一個(gè) fun 函數(shù)，從而導(dǎo)致一些局部變量例如 n，o 得以保存。

所謂閉包：各種解釋都有，但都不是很接地氣，簡(jiǎn)單的來說就是在 js 里面，有一些變量（內(nèi)存）可以被不斷的引用，導(dǎo)致了變量（內(nèi)存）沒有被釋放和回收，從而形成了一個(gè)獨(dú)立的存在，這里涉及了js 的作用域鏈和 js 回收機(jī)制，結(jié)合兩者來理解就可以了。