成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

我從來不理解JavaScript閉包,直到有人這樣向我解釋它...

宋華 / 2029人閱讀

摘要:最近看到的一些文章,終于,有人用于一種讓我明白方式對閉包進行了解釋,我將在本文中嘗試使用這種方法來解釋閉包。讓我們看一個返回函數(shù)的函數(shù)示例,因為這對于理解閉包非常重要。調(diào)用函數(shù)時,執(zhí)行到第行。

正如標(biāo)題所述,JavaScript閉包對我來說一直有點神秘,看過很多閉包的文章,在工作使用過閉包,有時甚至在項目中使用閉包,但我確實是這是在使用閉包的知識。

最近看到的一些文章,終于,有人用于一種讓我明白方式對閉包進行了解釋,我將在本文中嘗試使用這種方法來解釋閉包。

想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你!

準(zhǔn)備

在理解閉包之前,有個重要的概念需要先了解一下,就是 js 執(zhí)行上下文。

這篇文章是執(zhí)行上下文 很不錯的入門教程,文章中提到:

當(dāng)代碼在JavaScript中運行時,執(zhí)行代碼的環(huán)境非常重要,并將概括為以下幾點:

全局作用域——第一次執(zhí)行代碼的默認(rèn)環(huán)境。

函數(shù)作用域——當(dāng)執(zhí)行流進入函數(shù)體時。

(…) —— 我們當(dāng)作 執(zhí)行上下文 是當(dāng)前代碼執(zhí)行的一個環(huán)境與作用域。

換句話說,當(dāng)我們啟動程序時,我們從全局執(zhí)行上下文中開始。一些變量是在全局執(zhí)行上下文中聲明的。我們稱之為全局變量。當(dāng)程序調(diào)用一個函數(shù)時,會發(fā)生什么?

以下幾個步驟:

JavaScript創(chuàng)建一個新的執(zhí)行上下文,我們叫作本地執(zhí)行上下文。

這個本地執(zhí)行上下文將有它自己的一組變量,這些變量將是這個執(zhí)行上下文的本地變量。

新的執(zhí)行上下文被推到到執(zhí)行堆棧中??梢詫?zhí)行堆??醋魇且环N保存程序在其執(zhí)行中的位置的容器。

函數(shù)什么時候結(jié)束?當(dāng)它遇到一個return語句或一個結(jié)束括號}

當(dāng)一個函數(shù)結(jié)束時,會發(fā)生以下情況:

這個本地執(zhí)行上下文從執(zhí)行堆棧中彈出。

函數(shù)將返回值返回調(diào)用上下文。調(diào)用上下文是調(diào)用這個本地的執(zhí)行上下文,它可以是全局執(zhí)行上下文,也可以是另外一個本地的執(zhí)行上下文。這取決于調(diào)用執(zhí)行上下文來處理此時的返回值,返回的值可以是一個對象、一個數(shù)組、一個函數(shù)、一個布爾值等等,如果函數(shù)沒有return語句,則返回undefined

這個本地執(zhí)行上下文被銷毀,銷毀是很重要,這個本地執(zhí)行上下文中聲明的所有變量都將被刪除,不在有變量,這個就是為什么 稱為本地執(zhí)行上下文中自有的變量。

基礎(chǔ)的例子

在討論閉包之前,讓我們看一下下面的代碼:

1: let a = 3
2: function addTwo(x) {
3:   let ret = x + 2
4:   return ret
5: }
6: let b = addTwo(a)
7: console.log(b)

為了理解JavaScript引擎是如何工作的,讓我們詳細(xì)分析一下:

在第1行,我們在全局執(zhí)行上下文中聲明了一個新變量a,并將賦值為3。

接下來就變得棘手了,第2行到第5行實際上是在一起的。這里發(fā)生了什么? 我們在全局執(zhí)行上下文中聲明了一個名為addTwo的新變量,我們給它分配了什么?一個函數(shù)定義。兩個括號{}之間的任何內(nèi)容都被分配給addTwo,函數(shù)內(nèi)部的代碼沒有被求值,沒有被執(zhí)行,只是存儲在一個變量中以備將來使用。

現(xiàn)在我們在第6行。它看起來很簡單,但是這里有很多東西需要拆開分析。首先,我們在全局執(zhí)行上下文中聲明一個新變量,并將其標(biāo)記為b,變量一經(jīng)聲明,其值即為undefined。

接下來,仍然在第6行,我們看到一個賦值操作符。我們準(zhǔn)備給變量b賦一個新值,接下來我們看到一個函數(shù)被調(diào)用。當(dāng)看到一個變量后面跟著一個圓括號(…)時,這就是調(diào)用函數(shù)的信號,接著,每個函數(shù)都返回一些東西(值、對象或 undefined),無論從函數(shù)返回什么,都將賦值給變量b。

但是首先我們需要調(diào)用addTwo的函數(shù)。JavaScript將在其全局執(zhí)行上下文內(nèi)存中查找名為addTwo的變量。噢,它找到了一個,它是在步驟2(或第2 - 5行)中定義的。變量add2包含一個函數(shù)定義。注意,變量a作為參數(shù)傳遞給函數(shù)。JavaScript在全局執(zhí)行上下文內(nèi)存中搜索變量a,找到它,發(fā)現(xiàn)它的值是3,并將數(shù)字3作為參數(shù)傳遞給函數(shù),準(zhǔn)備好執(zhí)行函數(shù)。

現(xiàn)在執(zhí)行上下文將切換,創(chuàng)建了一個新的本地執(zhí)行上下文,我們將其命名為“addTwo執(zhí)行上下文”,執(zhí)行上下文被推送到調(diào)用堆棧上。在addTwo執(zhí)行上下文中,我們要做的第一件事是什么?

你可能會說,“在addTwo執(zhí)行上下文中聲明了一個新的變量ret”,這是不對的。正確的答案是,我們需要先看函數(shù)的參數(shù)。在addTwo執(zhí)行上下文中聲明一個新的變量x`,因為值3是作為參數(shù)傳遞的,所以變量x被賦值為3。

下一步是:在addTwo執(zhí)行上下文中聲明一個新的變量ret。它的值被設(shè)置為 undefined(第三行)。

仍然是第3行,需要執(zhí)行一個相加操作。首先我們需要x的值,JavaScript會尋找一個變量x,它會首先在addTwo執(zhí)行上下文中尋找,找到了一個值為3。第二個操作數(shù)是數(shù)字2。兩個相加結(jié)果為5就被分配給變量ret

4行,我們返回變量ret的內(nèi)容,在addTwo執(zhí)行上下文中查找,找到值為5,返回,函數(shù)結(jié)束。

4-5行,函數(shù)結(jié)束。addTwo執(zhí)行上下文被銷毀,變量xret被釋放,它們已經(jīng)不存在了。addTwo 執(zhí)行上下文從調(diào)用堆棧中彈出,返回值返回給調(diào)用上下文,在這種情況下,調(diào)用上下文是全局執(zhí)行上下文,因為函數(shù)addTwo是從全局執(zhí)行上下文調(diào)用的。

現(xiàn)在我們繼續(xù)第4步的內(nèi)容,返回值5被分配給變量b,程序仍然在第6行。

在第7行,b的值 5 被打印到控制臺了。

對于一個非常簡單的程序,這是一個非常冗長的解釋,我們甚至還沒有涉及閉包。但肯定會涉及的,不過首先我們得繞一兩個彎。

詞法作用域(Lexical scope)

我們需要理解詞法作用域的一些知識。請看下面的例子:

1: let val1 = 2
2: function multiplyThis(n) {
3:   let ret = n * val1
4:   return ret
5: }
6: let multiplied = multiplyThis(6)
7: console.log("example of scope:", multiplied)

這里想說明,我們在函數(shù)執(zhí)行上下文中有變量,在全局執(zhí)行上下文中有變量。JavaScript的一個復(fù)雜之處在于它如何查找變量,如果在函數(shù)執(zhí)行上下文中找不到變量,它將在調(diào)用上下文中尋找它,如果在它的調(diào)用上下文中沒有找到,就一直往上一級,直到它在全局執(zhí)行上下文中查找為止。(如果最后找不到,它就是 undefined)。

下面列出向個步驟來解釋一下(如果你已經(jīng)熟悉了,請?zhí)^):

在全局執(zhí)行上下文中聲明一個新的變量val1,并將其賦值為2。

2-5行,聲明一個新的變量 multiplyThis,并給它分配一個函數(shù)定義。

6行,聲明一個在全局執(zhí)行上下文 multiplied 新變量。

從全局執(zhí)行上下文內(nèi)存中查找變量multiplyThis,并將其作為函數(shù)執(zhí)行,傳遞數(shù)字 6 作為參數(shù)。

新函數(shù)調(diào)用(創(chuàng)建新執(zhí)行上下文),創(chuàng)建一個新的 multiplyThis 函數(shù)執(zhí)行上下文。

multiplyThis 執(zhí)行上下文中,聲明一個變量n并將其賦值為6。

3 行。在multiplyThis執(zhí)行上下文中,聲明一個變量ret

繼續(xù)第 3 行。對兩個操作數(shù) nval1 進行乘法運算.在multiplyThis執(zhí)行上下文中查找變量 n。我們在步驟6中聲明了它,它的內(nèi)容是數(shù)字6。在multiplyThis執(zhí)行上下文中查找變量val1。multiplyThis執(zhí)行上下文沒有一個標(biāo)記為 val1 的變量。我們向調(diào)用上下文查找,調(diào)用上下文是全局執(zhí)行上下文,在全局執(zhí)行上下文中尋找 val1。哦,是的、在那兒,它在步驟1中定義,數(shù)值是2。

繼續(xù)第 3 行。將兩個操作數(shù)相乘并將其賦值給ret變量,6 * 2 = 12,ret 現(xiàn)在值為 12。

返回ret變量,銷毀multiplyThis執(zhí)行上下文及其變量 retn 。變量 val1 沒有被銷毀,因為它是全局執(zhí)行上下文的一部分。

回到第6行。在調(diào)用上下文中,數(shù)字 12 賦值給 multiplied 的變量。

最后在第7行,我們在控制臺中打印 multiplied 變量的值

在這個例子中,我們需要記住一個函數(shù)可以訪問在它的調(diào)用上下文中定義的變量,這個就是詞法作用域(Lexical scope)。

返回函數(shù)的函數(shù)

在第一個例子中,函數(shù)addTwo返回一個數(shù)字。請記住,函數(shù)可以返回任何東西。讓我們看一個返回函數(shù)的函數(shù)示例,因為這對于理解閉包非常重要??此谧樱?/p>

 1: let val = 7
 2: function createAdder() {
 3:   function addNumbers(a, b) {
 4:     let ret = a + b
 5:     return ret
 6:   }
 7:   return addNumbers
 8: }
 9: let adder = createAdder()
10: let sum = adder(val, 8)
11: console.log("example of function returning a function: ", sum)


讓我們回到分步分解:

1行。我們在全局執(zhí)行上下文中聲明一個變量val并賦值為 7。

2-8 行。我們在全局執(zhí)行上下文中聲明了一個名為 createAdder 的變量,并為其分配了一個函數(shù)定義。第3-7行描述了上述函數(shù)定義,和以前一樣,在這一點上,我們沒有直接討論這個函數(shù)。我們只是將函數(shù)定義存儲到那個變量(createAdder)中。

9行。我們在全局執(zhí)行上下文中聲明了一個名為 adder 的新變量,暫時,值為 undefined。

9行。我們看到括號(),我們需要執(zhí)行或調(diào)用一個函數(shù),查找全局執(zhí)行上下文的內(nèi)存并查找名為createAdder 的變量,它是在步驟2中創(chuàng)建的。好吧,我們調(diào)用它。

調(diào)用函數(shù)時,執(zhí)行到第2行。創(chuàng)建一個新的createAdder執(zhí)行上下文。我們可以在createAdder的執(zhí)行上下文中創(chuàng)建自有變量。js 引擎將createAdder的上下文添加到調(diào)用堆棧。這個函數(shù)沒有參數(shù),讓我們直接跳到它的主體部分.

3-6 行。我們有一個新的函數(shù)聲明,我們在createAdder執(zhí)行上下文中創(chuàng)建一個變量addNumbers。這很重要,addnumber只存在于createAdder執(zhí)行上下文中。我們將函數(shù)定義存儲在名為 addNumbers` 的自有變量中。

7行,我們返回變量addNumbers的內(nèi)容。js引擎查找一個名為addNumbers的變量并找到它,這是一個函數(shù)定義。好的,函數(shù)可以返回任何東西,包括函數(shù)定義。我們返addNumbers的定義。第4行和第5行括號之間的內(nèi)容構(gòu)成該函數(shù)定義。

返回時,createAdder執(zhí)行上下文將被銷毀。addNumbers 變量不再存在。但addNumbers函數(shù)定義仍然存在,因為它返回并賦值給了adder 變量。

10行。我們在全局執(zhí)行上下文中定義了一個新的變量 sum,先賦值為 undefined;

接下來我們需要執(zhí)行一個函數(shù)。哪個函數(shù)? 是名為adder變量中定義的函數(shù)。我們在全局執(zhí)行上下文中查找它,果然找到了它,這個函數(shù)有兩個參數(shù)。

讓我們查找這兩個參數(shù),第一個是我們在步驟1中定義的變量val,它表示數(shù)字7,第二個是數(shù)字8

現(xiàn)在我們要執(zhí)行這個函數(shù),函數(shù)定義概述在第3-5行,因為這個函數(shù)是匿名,為了方便理解,我們暫且叫它adder吧。這時創(chuàng)建一個adder函數(shù)執(zhí)行上下文,在adder執(zhí)行上下文中創(chuàng)建了兩個新變量 ab。它們分別被賦值為 78,因為這些是我們在上一步傳遞給函數(shù)的參數(shù)。

4 行。在adder執(zhí)行上下文中聲明了一個名為ret的新變量,

4 行。將變量a的內(nèi)容和變量b的內(nèi)容相加得15并賦給ret變量。

ret變量從該函數(shù)返回。這個匿名函數(shù)執(zhí)行上下文被銷毀,從調(diào)用堆棧中刪除,變量abret不再存在。

返回值被分配給我們在步驟9中定義的sum變量。

我們將sum的值打印到控制臺。

如預(yù)期,控制臺將打印15。我們在這里確實經(jīng)歷了很多困難,我想在這里說明幾點。首先,函數(shù)定義可以存儲在變量中,函數(shù)定義在程序調(diào)用之前是不可見的。其次,每次調(diào)用函數(shù)時,都會(臨時)創(chuàng)建一個本地執(zhí)行上下文。當(dāng)函數(shù)完成時,執(zhí)行上下文將消失。函數(shù)在遇到return或右括號}時執(zhí)行完成。

最后,一個閉包

看看下面的代碼,并試著弄清楚會發(fā)生什么。

 1: function createCounter() {
 2:   let counter = 0
 3:   const myFunction = function() {
 4:     counter = counter + 1
 5:     return counter
 6:   }
 7:   return myFunction
 8: }
 9: const increment = createCounter()
10: const c1 = increment()
11: const c2 = increment()
12: const c3 = increment()
13: console.log("example increment", c1, c2, c3)

現(xiàn)在,我們已經(jīng)從前兩個示例中掌握了它的訣竅,讓我們按照預(yù)期的方式快速執(zhí)行它:

1-8 行。我們在全局執(zhí)行上下文中創(chuàng)建了一個新的變量createCounter,并賦值了一個的函數(shù)定義。

9行。我們在全局執(zhí)行上下文中聲明了一個名為increment的新變量。

9行。我們需要調(diào)用createCounter函數(shù)并將其返回值賦給increment變量。

1-8行。調(diào)用函數(shù),創(chuàng)建新的本地執(zhí)行上下文。

2行。在本地執(zhí)行上下文中,聲明一個名為counter的新變量并賦值為 0;

3-6行。聲明一個名為myFunction的新變量,變量在本地執(zhí)行上下文中聲明,變量的內(nèi)容是為第4行和第5行所定義。

第7行。返回myFunction變量的內(nèi)容,刪除本地執(zhí)行上下文。變量myFunction counter不再存在。此時控制權(quán)回到了調(diào)用上下文。

9行。在調(diào)用上下文(全局執(zhí)行上下文)中,createCounter返回的值賦給了increment,變量increment現(xiàn)在包含一個函數(shù)定義內(nèi)容為createCounter返回的函數(shù)。它不再標(biāo)記為myFunction`,但它的定義是相同的。在全局上下文中,它是的標(biāo)記為labeledincrement。

10行。聲明一個新變量 c1。

繼續(xù)第10行。查找increment變量,它是一個函數(shù)并調(diào)用它。它包含前面返回的函數(shù)定義,如第4-5行所定義的。

創(chuàng)建一個新的執(zhí)行上下文。沒有參數(shù),開始執(zhí)行函數(shù)。

4行。counter=counter + 1。在本地執(zhí)行上下文中查找counter變量。我們只是創(chuàng)建了那個上下文,從來沒有聲明任何局部變量。讓我們看看全局執(zhí)行上下文。這里也沒有counter變量。Javascript會將其計算為counter = undefined + 1,聲明一個標(biāo)記為counter的新局部變量,并將其賦值為number 1,因為undefined被當(dāng)作值為 0。

5行。我們變量counter的值 1,我們銷毀本地執(zhí)行上下文和counter變量。

回到第10行。返回值1被賦給c1。

11行。重復(fù)步驟10-14,c2也被賦值為1

12行。重復(fù)步驟10-14,c3也被賦值為1

13行。我們打印變量c1 c2c3的內(nèi)容。

你自己試試,看看會發(fā)生什么。你會將注意到,它并不像從我上面的解釋中所期望的那樣記錄1,1,1。而是記錄1,2,3。這個是為什么?

不知怎么滴,increment函數(shù)記住了那個cunter的值。這是怎么回事?

counter是全局執(zhí)行上下文的一部分嗎?嘗試 console.log(counter),得到undefined的結(jié)果,顯然不是這樣的。

也許,當(dāng)你調(diào)用increment時,它會以某種方式返回它創(chuàng)建的函數(shù)(createCounter)?這怎么可能呢?變量increment包含函數(shù)定義,而不是函數(shù)的來源,顯然也不是這樣的。

所以一定有另一種機制。閉包,我們終于找到了,丟失的那塊。

它是這樣工作的,無論何時聲明新函數(shù)并將其賦值給變量,都要存儲函數(shù)定義和閉包。閉包包含在函數(shù)創(chuàng)建時作用域中的所有變量,它類似于背包。函數(shù)定義附帶一個小背包,它的包中存儲了函數(shù)定義創(chuàng)建時作用域中的所有變量。

所以我們上面的解釋都是錯的,讓我們再試一次,但是這次是正確的。

 1: function createCounter() {
 2:   let counter = 0
 3:   const myFunction = function() {
 4:     counter = counter + 1
 5:     return counter
 6:   }
 7:   return myFunction
 8: }
 9: const increment = createCounter()
10: const c1 = increment()
11: const c2 = increment()
12: const c3 = increment()
13: console.log("example increment", c1, c2, c3)

同上,第1-8行。我們在全局執(zhí)行上下文中創(chuàng)建了一個新的變量createCounter,它得到了指定的函數(shù)定義。

同上,第9行。我們在全局執(zhí)行上下文中聲明了一個名為increment的新變量。

同上,第9行。我們需要調(diào)用createCounter函數(shù)并將其返回值賦給increment變量。

同上,第1-8行。調(diào)用函數(shù),創(chuàng)建新的本地執(zhí)行上下文。

同上,第2行。在本地執(zhí)行上下文中,聲明一個名為counter的新變量并賦值為 0

3-6行。聲明一個名為myFunction的新變量,變量在本地執(zhí)行上下文中聲明,變量的內(nèi)容是另一個函數(shù)定義。如第4行和第5行所定義,現(xiàn)在我們還創(chuàng)建了一個閉包,并將其作為函數(shù)定義的一部分。閉包包含作用域中的變量,在本例中是變量counter(值為0)。

7行。返回myFunction變量的內(nèi)容,刪除本地執(zhí)行上下文。myFunctioncounter不再存在??刂茩?quán)交給了調(diào)用上下文,我們返回函數(shù)定義和它的閉包,閉包中包含了創(chuàng)建它時在作用域內(nèi)的變量。

9行。在調(diào)用上下文(全局執(zhí)行上下文)中,createCounter返回的值被指定為increment,變量increment現(xiàn)在包含一個函數(shù)定義(和閉包),由createCounter返回的函數(shù)定義,它不再標(biāo)記為myFunction,但它的定義是相同的,在全局上下文中,稱為increment。

10行。聲明一個新變量c1

繼續(xù)第10行。查找變量increment,它是一個函數(shù),調(diào)用它。它包含前面返回的函數(shù)定義,如第4-5行所定義的。(它還有一個帶有變量的閉包)。

創(chuàng)建一個新的執(zhí)行上下文,沒有參數(shù),開始執(zhí)行函數(shù)。

4行。counter = counter + 1,尋找變量 counter,在查找本地或全局執(zhí)行上下文之前,讓我們檢查一下閉包,瞧,閉包包含一個名為counter的變量,其值為0。在第4行表達式之后,它的值被設(shè)置為1。它再次被儲存在閉包里,閉包現(xiàn)在包含值為1的變量 counter。

5行。我們返回counter的值,銷毀本地執(zhí)行上下文。

回到第10行。返回值1被賦給變量c1。

11行。我們重復(fù)步驟10-14。這一次,在閉包中此時變量counter的值是1。它在第12行設(shè)置的,它的值被遞增并以2的形式存儲在遞增函數(shù)的閉包中,c2被賦值為2

12行。重復(fù)步驟10-14行,c3被賦值為3。

第13行。我們打印變量c1 c2c3的值。

你可能會問,是否有任何函數(shù)具有閉包,甚至是在全局范圍內(nèi)創(chuàng)建的函數(shù)?答案是肯定的。在全局作用域中創(chuàng)建的函數(shù)創(chuàng)建閉包,但是由于這些函數(shù)是在全局作用域中創(chuàng)建的,所以它們可以訪問全局作用域中的所有變量,閉包的概念并不重要。

當(dāng)函數(shù)返回函數(shù)時,閉包的概念就變得更加重要了。返回的函數(shù)可以訪問不屬于全局作用域的變量,但它們僅存在于其閉包中。

閉包不是那么簡單

有時候閉包在你甚至沒有注意到它的時候就會出現(xiàn),你可能已經(jīng)看到了我們稱為部分應(yīng)用程序的示例,如下面的代碼所示:

let c = 4
const addX = x => n => n + x
const addThree = addX(3)
let d = addThree(c)
console.log("example partial application", d)

如果箭頭函數(shù)讓你感到困惑,下面是同樣效果:

let c = 4
function addX(x) {
  return function(n) {
     return n + x
  }
}
const addThree = addX(3)
let d = addThree(c)
console.log("example partial application", d)

我們聲明一個能用加法函數(shù)addX,它接受一個參數(shù)x并返回另一個函數(shù)。返回的函數(shù)還接受一個參數(shù)并將其添加到變量x中。

變量x是閉包的一部分,當(dāng)變量addThree在本地上下文中聲明時,它被分配一個函數(shù)定義和一個閉包,閉包包含變量x。

所以當(dāng)addThree被調(diào)用并執(zhí)行時,它可以從閉包中訪問變量x以及為參數(shù)傳遞變量n并返回兩者的和 7

總結(jié)

我將永遠記住閉包的方法是通過背包的類比。當(dāng)一個函數(shù)被創(chuàng)建并傳遞或從另一個函數(shù)返回時,它會攜帶一個背包。背包中是函數(shù)聲明時作用域內(nèi)的所有變量。

代碼部署后可能存在的BUG沒法實時知道,事后為了解決這些BUG,花了大量的時間進行l(wèi)og 調(diào)試,這邊順便給大家推薦一個好用的BUG監(jiān)控工具 Fundebug。

你的點贊是我持續(xù)分享好東西的動力,歡迎點贊!

交流

干貨系列文章匯總?cè)缦拢X得不錯點個Star,歡迎 加群 互相學(xué)習(xí)。

https://github.com/qq44924588...

我是小智,公眾號「大遷世界」作者,對前端技術(shù)保持學(xué)習(xí)愛好者。我會經(jīng)常分享自己所學(xué)所看的干貨,在進階的路上,共勉!

關(guān)注公眾號,后臺回復(fù)福利,即可看到福利,你懂的。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/99370.html

相關(guān)文章

  • 來不理解JavaScript閉包,直到有人這樣解釋...

    摘要:最近看到的一些文章,終于,有人用于一種讓我明白方式對閉包進行了解釋,我將在本文中嘗試使用這種方法來解釋閉包。讓我們看一個返回函數(shù)的函數(shù)示例,因為這對于理解閉包非常重要。調(diào)用函數(shù)時,執(zhí)行到第行。 正如標(biāo)題所述,JavaScript閉包對我來說一直有點神秘,看過很多閉包的文章,在工作使用過閉包,有時甚至在項目中使用閉包,但我確實是這是在使用閉包的知識。 最近看到的一些文章,終于,有人用于一...

    beita 評論0 收藏0
  • 學(xué)會使用函數(shù)式編程的程序員(第1部分)

    摘要:函數(shù)式編程的目標(biāo)是盡量寫更多的純函數(shù),并將其與程序的其他部分隔離開來。在函數(shù)式編程中,是非法的。函數(shù)式編程使用參數(shù)保存狀態(tài),最好的例子就是遞歸。函數(shù)式編程使用遞歸進行循環(huán)。在函數(shù)式編程中,函數(shù)是一級公民。 showImg(https://segmentfault.com/img/bVblxCO?w=1600&h=710); 想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等...

    Steven 評論0 收藏0
  • 分享好東西

    摘要:一旦當(dāng)你理解了一些東西的時候,卻很容易再一次忘記。但是很快,你會發(fā)現(xiàn)你已經(jīng)忘記了之前所學(xué)到的一些東西,因此你需要重新復(fù)習(xí)。但是,這次你又忘記了其他的一些東西。你會感到氣餒,休息一下后,你準(zhǔn)備重新開始,卻發(fā)現(xiàn)已經(jīng)忘記了所有的東西。 在學(xué)習(xí)JavaScript中應(yīng)該有過這樣的經(jīng)歷,比如:? ??? ?? 有些概念容易混淆,特別是當(dāng)你學(xué)習(xí)過其他語言的時候。? ?? 很難找到學(xué)習(xí)的時間(有時候...

    clasnake 評論0 收藏0
  • 們不背誦 API,只實現(xiàn) API

    摘要:接下來,我們換一種思路,用一個相對較新的來實現(xiàn)方法。從這道題目看出,相比考察死記硬背,這樣的實現(xiàn)更有意義。對數(shù)組的操作我們不能陌生,其中方法更要做到駕輕就熟。最后,我們再看下社區(qū)上著名的和的實現(xiàn)。 有不少剛?cè)胄械耐瑢W(xué)跟我說:JavaScript 很多 API 記不清楚怎么辦?數(shù)組的這方法、那方法總是傻傻分不清楚,該如何是好?操作 DOM 的方式今天記,明天忘,真讓人奔潰! 甚至有的開發(fā)...

    wudengzan 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<