天辰的救贖(JS)之add函數大挑戰(上)

閱讀須知

這是一篇小說風格的關於JS的文章，網上已經有大量的優秀技術文章和書籍，寫該系列的主要目的只是想嘗試用不一樣的方式來分享一些關於JS的知識，或者能夠說只是單純地爲了好玩，文筆不怎麼好，你們看着好玩就行，不定時更新。

「喂，到底還能不能讓我出去了！」

天辰生氣地說道。

一覺醒來，天辰就發現本身出如今了這個神祕的地方，周圍是一片昏暗，什麼也沒有，除了眼前這個神祕人。。

天辰也不記得怎麼到這裏來的，只知道確定和眼前的神祕人有關，可是，無論他怎麼問，這個神祕人就是不說，並且，這個神祕人還讓他作題，並給他說只有完成挑戰後才能出去，更過度的是，挑戰的內容竟然是讓他完成一個給數字作加法的add函數。。。

作加法誰不會是吧？不過。。。

這個add函數的使用方式稍微有點奇怪：

「喂，爲何非要讓我完成這麼一個奇怪的add函數呢？」

「你問我也沒用，具體緣由我也不知道，每一個來到這裏的人都會碰見不一樣的挑戰，我只是負責告訴大家。」

「完不成挑戰就真沒辦法離開這個地方了？」

「沒錯。」

「我究竟是怎麼來到這裏的？」

「不知道。」

「那就只有這一個挑戰嗎？」

「不必定。」

「。。。。。。。。。」

「你話怎麼那麼多，無論有幾個挑戰，若是你想早些離開這裏，最好就趕忙開始吧。」

「好吧。。。」

看這狀況，天辰知道暫時應該也問不出什麼東西了，既然這樣，就只有先試着完成挑戰了。

無論怎樣，要解決問題，首先確定要分析問題，這個道理天辰仍是清楚的，因此，天辰回過頭來，從新仔細觀察了一下這個add函數，並根據觀察到的特色，列出了一個清單：

「好了，如今清單已經有了，是時候按照清單一個一個解決了。」

天辰看了看清單上的內容。

「按照清單上的第一步和第二步，我得add函數的做用簡單列出來。」

因而，天辰在面前的地板上寫下了下面的文字：

「接着是第3條和第4條。。。它們表示的是add函數中收到的元素和返回的元素之間的對應關係」

這裏，天辰用箭頭把他們之間的關係表示了出來。

「嗯，如今對應關係也有了，下一步應該是寫出大體的函數結構了。」

根據上面的信息，天辰很快便寫了一個符合這種對應關係的函數。

這個函數已經符合了清單中的前4個條件，因此天辰劃掉了清單上對應的內容。

由於這裏只須要知足類型，具體值暫時不須要關心，因此天辰選擇了用最簡單的0和空函數function() {} 做爲返回的元素。

「好了，接下來應該先測試一下了。」

天辰想了想，認爲或許應該先簡單測試一下，先保證已經完成的功能是正確的。

「不錯，竟然還知道先測試一下啊。」

天辰纔剛測試完，神祕人忽然說道。

「固然啊，早發現早修改嘛，把錯誤扼殺在萌芽狀態，省得之後形成嚴重後果後再改，到時候更麻煩。」

「不錯，你如今雖然實力不怎麼行，態度仍是挺認真的。」

「。。。。」

沒有繼續多說話，天辰接着清單繼續往下看。

「按照第5條清單，add函數在收到number元素時，會返回一個函數，而我能夠繼續調用這個函數，若是傳遞number元素，那麼它又會給我一個能夠繼續調用的函數，這樣一直循環下去，可是如今，個人add函數最多隻能調用2次，由於第一次傳遞number元素後返回的就是一個空函數了。」

「因此，我應該修改下這個空函數，使它在接受到一個數字的狀況下，繼續返回一個函數，其餘狀況下，返回一個數字。」

按照這樣的思路，天辰把空函數改爲了一個叫作add2的函數：

「嗯，繼續測試一下。」

完成這個功能後，天辰立刻又測試了一下。

「每完成一個功能就要測試一下啊，不錯，講究。」

神祕人看了看又說道。

「不過，天辰你這函數調用3次後，不就又不能繼續調用了嘛，你不會還打算繼續寫add3函數吧？」

「額，寫了add3好像又要寫add4吧。。。」

「對啊，照你這樣後面還有5，6，7，8，9呢，看你想寫到何時了。」

「。。。。好像是這樣。。。」

因此，如今問題來了，天辰發現add函數若是要能繼續調用，他就得繼續寫add4，add5，add6。。。而按照題目來講，它能夠調用任意次。。。

「照這樣看，寫到死也寫不完啊，必須得換個思路。」

天辰從新觀察了一下add函數，同時內心一邊默默的念着:

add函數在接受到一個數字的狀況下返回一個函數，不然，返回一個數字。

add2函數在接受到一個數字的狀況下返回一個函數，不然，返回一個數字。

add3函數在接受到一個數字的狀況下返回一個函數，不然，返回一個數字。

add4函數在接受到一個數字的狀況下返回一個函數，不然，返回一個數字。

add5。。。。。。

add6。。。。。。

「嗯？，add2，add3，add4這些函數的功能看着怎麼和add函數的功能好像是同樣的。。。」

忽然，天辰一拍腦殼，一種恍然大明白的感受。

「有了，既而後續的函數功能都和add函數是同樣的，那我都直接返回add不就好了！這樣每次都會進入到add裏面，而後又會繼續返回add。」

因而，天辰從新改了一下代碼，變成了下面這樣:

按照慣例，天辰測試了一遍:

看着測試的結果，天辰仍是挺滿意的，至少離成功又進了一步，天辰對比了下開始列出的清單，繼續劃掉了已經完成的部分。

並且，由於如今add函數默認已經老是返回0，因此也符合第6個條件。

天辰看了看清單上剩餘的內容，感受成功已經近在咫尺，就差最後一步。

這時候，神祕人又把臉湊了過來，看了看。

「不錯啊，這麼快就差最後一步了，沒有我想象中那麼笨。」

「你能不能少想些不應想的東西！」

天辰真是服了這神祕人了，每次嘴裏沒一句好話，就知道嘲諷人。

「哈哈，有我的嘲諷總比讓你一我的在這默默挑戰好啊。」

「算了，先不和你說了，仍是繼續完成個人挑戰了。」

如今，對於天辰來講，就差最後一步返回正確的數字了，如今的add函數在收到不是number元素時，只會返回固定的0，而按照要求，只有在第一次才返回0，其餘狀況下，要返回以前調用時傳遞的數字的和。

「既然要計算調用時傳遞的全部數字的和，那我確定要找個地方把每次的結果保存下來，嗯，應該是這樣的。」

「不過，到底在哪裏保存這些結果呢？。。」

天辰想了想，認爲最簡單的方式應該就是全局變量了，因而，天辰放置了一個全局變量sum，用來保存結果，並把它的代碼改爲了這樣：

「呼，這樣應該沒太大問題了吧，試着測試一下。」

天辰再次測試了一下函數，可是，在測試後，天辰發現了一個問題，由於採用了全局變量sum來保存累加值，因此每次調用add時，傳遞的數字都會加到同一個sum上，也就是說：

「那個。。。這種狀況能算完成挑戰嘛？」

天辰撓了撓腦殼，試探性地問道。

「固然不行了！你這樣的話add函數就只能使用一次，之後每次的值都會從以前的開始累加，那確定不行，全局變量？虧你想得出來，果真是年輕人，用的方法都這麼幼稚。」

「說誰幼稚呢！我這只是嘗試，大不了我立刻就把它改了。」

「好啊，那你改吧，別光說。」

「改就改！」

沒辦法，天辰只好繼續尋找另外的解決辦法，如今的問題變成了，add函數須要在一個地方保存sum值，可是直接放在全局變量的話是不行的，因此，得從新找個其餘地方來保存。

「既然如今sum放在全局變量裏行不通了，那我在它外層再放一個函數，這樣它就不是全局變量了。」

「嗯？在外面套了一層函數啊，這樣sum雖然不是全局變量了，那你如今怎麼接觸到內部的add函數呢？ 你這box函數也沒返回任何元素。」

神祕人看了看說道。

「哦，也是哦，那我把add函數返回出來好了，這樣就能夠拿到它了。」

「那就算這樣，你第一次不是也得調用2次，才能獲取到裏面這add函數返回的元素？」

「哦，也是哦，那我第一次調用box時候，我在內部再自動調用一次add函數不就完了。」

「那就算這樣，參數呢？ 第一次調用add時的參數跑哪去了？ 第一次使用時我怎麼選擇傳遞一個數字或是其餘元素。」

「哦，也是哦，那我給box函數加個參數，而後這個參數自動傳遞給內部的add函數進行第一次調用，這樣不就能夠了。」

「那就算這樣，你這函數也是叫box而不是add，挑戰要求的是add函數。」

「哦，也是哦，那我再把外面的box函數名稱直接改爲add不就好了。」

「好吧， 這樣應該能夠了，總算完成這項挑戰了， 嗯？！！不對啊。。天辰這是你在挑戰是吧？」

「是啊，是我在挑戰呀，怎麼啦？」

天辰一臉欠揍的笑眯眯的表情回答道。

「我靠！太入神了我還覺得是我在挑戰。。。還和你討論半天。」

神祕人這才反應過來，可是，天辰已經在他的提示下完成了add函數。

「哈哈，剛纔看你比我還帶勁呢，都很差意思打擾你，不過，要不是你的提示，最後一項功能還真不必定這麼快就能完成呢，來，給你發個好人卡。」

天辰不知道從哪掏出了一張小卡片，上面印有3個大字，好人卡。

「。。。。這種東西你仍是拿去送給別人吧，我可不想當一個這樣的好人！」

「哈哈，不要好人卡能夠，可是這挑戰可必需要算我完成了。」

終於完成了挑戰， 天辰高興得哈哈大笑了起來。

「哈哈哈哈哈哈~~」

「好吧，你可真是個小機靈鬼，此次就算你過關了，不過，你可別高興太早，你覺得這就結束了嗎？」

「。。。。什麼意思？」

「個人意思是說，你的挑戰並非就這樣結束了，並且偏偏相反，真正的挑戰從如今纔算是開始。」

「啥，這不已經完成了嗎？」

「不，若是就這麼完成了，算不上真正的挑戰，你如今雖然完成了add函數，可是倒是創建在這世界的全部規則和元素都任由你使用的狀況下，而做爲一個真正的冒險者，老是依賴太多的東西可不是一件好事，當你身處絕境時，你一般不會有太多東西能夠依靠，這個時候，你得學會利用身邊僅剩的資源，抓住機會，完成逆襲，笑到最後。」

「感受你說的也有那麼一點點道理，不過這和接下來的挑戰有什麼關係呢？」

「天辰，你有體驗過那種你長期以來一直依賴的東西，最後一一離你而去的感受嗎？」

「呃~~ 應該是沒有怎麼體驗過，怎麼了？」

「那麼你接下來你要體驗一次了。」

「接下來？」

「嗯。」

「聽着就不是好事，我能不能不體驗？」

「不能！」

「真的不能嗎？」

「真的不能！」

「好吧。。那接下來的挑戰是什麼？」

「仍是add函數。」

「仍是add函數？」

「沒錯，仍是add函數，只不過從如今開始，你不能像開始那樣，想用什麼能力就用什麼能力了，你體內的能力會逐漸消失。」

「這麼恐怖嘛？」

「怕了？」

「我說怕了能放我出去嗎？」

「不能。」

「那還廢個什麼話啊！既然我說什麼都沒用，你仍是趕忙開始算了。」

「不許備一下？」

「你告訴我在這地方我還能準備個啥？？？」

「行，既然你準備好了，那我就開啓接下來的挑戰了，好好面對接下來的挑戰吧！」

「快開始吧。」

天辰面前的文字閃了幾下，化做了一道道光束消散在空中，一段新的文字從新出如今了空中。

挑戰1：初窺門徑

var,let,const規則消失了，不能在函數內部使用var, let, const等方式建立新元素了。

天辰感受到一陣寒風從身體穿過，緊接着，他發現不管他怎麼努力，也沒法喚醒體內的var,let,const規則，彷彿他們已經消失了同樣，同時天辰感受本身變虛弱了一些。。

「我怎麼不能使用var這些規則了？」

「我不剛纔說了！如今你體內的能力會逐漸消失，而你，須要在沒有了這些能力的狀況下，繼續完成add函數。」

「哦，原來是這麼回事啊。。。」

既然已經明白了規則，天辰便立刻回過頭來從新審視add函數。

「var規則消失了，也就是說，如今我不能使用var sum = 0這條規則了，我得從新找個備胎，不對，找個替代品來換掉它，既然要換掉它，首先我就得知道這條規則目前發揮的具體做用，而後找到具備相同做用的規則，替換掉它。」

因而，通過分析後，天辰認爲var sum = 0主要發揮瞭如下做用：

「好了，有了這些清單，接下來我只須要找到一樣知足清單內容的其餘規則就好了。」

因此，針對清單的第一條內容，天辰首先想到的另外的方式是，把sum改成放在外部函數的形參中，這樣內部的全部函數依然可以經過做用域和閉包規則訪問到它。

因爲sum放置在了外部函數形參上，不管內部add函數調用多少次，訪問到的sum都是外部函數上這惟一的sum，因此也知足清單上的第二條內容。

接下來是第三條內容，爲了在每次調用外部函數時把sum值自動初始化爲0，天辰想到了利用函數默認參數規則，給sum一個默認值0。

這樣，天辰就完成了清單上的全部內容，同時也完成了此次挑戰。

挑戰2：漸入佳境

消失的默認參數規則，全部的函數都不能設置默認參數。

又是一陣寒風從身體穿過，天辰發現默認參數規則也從體內消失掉了，同時感受身體又變得虛弱了一些。。

「嗯？ 默認參數規則不見了？」

雖然又有一些規則消失了，不過這不是重點，重點是能不能繼續找到替代的規則。

因爲有了以前列好的清單，天辰很快便又找到了符合清單的規則。

此次，利用函數也是對象的規則，他選擇了把sum做爲內部add函數的一個屬性，同時，他增長了一個判斷來完成第一次調用時sum值應該爲0的問題。

和以前的狀況同樣，天辰剛完成挑戰，眼前便出現了一條新規則：

挑戰3：豁然貫通

消失的對象屬性規則，如今，不能往函數上添加任何新的屬性。

又是一陣寒風從身體穿過，對象屬性規則也從體內消失掉了，再次失去掉一部分能力後，天辰感受站着都有些費勁了。。。

「我靠，還有完沒完了。。。用什麼能力就消失什麼是吧。。。」

天辰開始有點認爲設計這挑戰的人心理是否是有點變態了，要否則怎麼會設計出這麼奇怪的挑戰。。。

不過天辰吐槽歸吐槽，有了上面的經驗，天辰依葫蘆畫瓢，很快又完成了新的add函數，此次，他把sum放在了一箇中間的額外的當即執行函數的參數上。

「不錯嘛，天辰，你好像已經找到一些規律了，進度比我想象中還要快不少。」

「哈哈，都是些小套路，哪能瞞過我天辰的眼睛。」

「哦，是嗎？ 既然這樣的話，那就按照你發現的規律，試着來完成下一個挑戰吧不過，，此次我可先告訴你，雖然你發現了一些規律，可是，下面的這個挑戰，難度可能會比你想象的大不少。」

「能有多大？」

「至關大。」

「到底有多大？」

「看了你就知道了~」

挑戰4：略有小成

消失的命名函數規則，除了最外部的函數能夠叫作add之外，全部內部的函數，都只能是匿名函數。

此次天辰失去的是比較重要的命名函數規則，致使如今天辰身子都有些站不穩了，搖搖晃晃的。

「我去，照這樣下去，每次失去一些能力，到最後不會由於身體被掏空而死掉吧。。。不行，得問問這神祕人，實在不行乾脆就放棄了，畢竟小命要緊啊。」

雖然以前的挑戰都順利完成了，可是這種每次挑戰後都會失去一部分能力的狀況，讓天辰感到有些不對勁。

「那個，神祕人老哥，你看我好歹也完成了這麼多挑戰，我如今不想繼續挑戰了，要不你就行行好，給我個放棄的機會，直接送我出去，怎麼樣？」

「嗯？ 都走到這一步了，你竟然想放棄挑戰？」

「這樣下去很邪門啊，感受身體快要被掏空了。。。」

「哦？ 看你面相還挺單純，沒想到身子也這麼虛啊，不過很惋惜，這個挑戰沒辦法中途放棄，你要麼堅持到最後一關，要麼。。。」

神祕人忽然停頓了一下。

(既然神祕人停頓了，我也要停頓一下了。。。)

(未完待續。。。)

一些你可能關心的問題

一、 標題名稱爲何這麼幼稚？

由於我很幼稚。。。

二、爲何挑戰會是這麼奇怪一個add函數呢？

add函數自己並非很重要，可是add函數中相關的一些知識點是很是有趣也是很是有用的。

好比：

add函數自己是一個高階函數，由於返回了新函數。

add每次只接受一個參數，若是你瞭解函數柯里化的話，你就會知道它也是一個柯里化的函數。

爲了處理調用次數不肯定的問題，內部的add函數中也使用了遞歸技術。

同時，咱們能夠給內部函數和外部函數都取了相同的名稱add，可是在遞歸函數中會返回咱們所但願的內部add函數，而不是外部add函數，這裏也是利用了做用域的規則。

而且，全部的內部add函數，都能獲取到外部add函數中的sum，即便是在後續返回的新的add函數中，之因此能這樣，也是由於咱們使用了函數閉包的規則。

怎麼樣？這麼看起來，add函數是否是有趣多了？

三、感受有一些涉及到的知識點目前還不太明白，能更詳細地講解一下嗎？

這個問題不排除是我想多了，說不定在座的少俠，都是菜鳥，不對，說錯了，在座的少俠們都是大佬，因此可能不存在不明白的問題。。。

可是！JS函數這塊有趣的地方確實比較多，之後有機會再和各位少俠分享一些有趣的東西。

不過！標題可能會依舊比較幼稚。。。

四、 好吧，那關注下劇情吧，接下來天辰還會面臨幾項挑戰？ 最後的挑戰又會是什麼？天辰能不能完成最後的挑戰？完成後又會發生什麼事？

你怎麼和天辰同樣，話那麼多，在考慮以後的挑戰以前，不想先試着和天辰一塊兒完成下挑戰4嘛？

------------------------------------我是分割線-------------------------------

最後~~

單純少年爲什麼多次遭遇身體被掏空的危險？

幾道單純的挑戰題，爲什麼伴隨着如此邪門的事情發生？

離奇出現的神祕人，又究竟是好是壞？

在這全部詭異事件背後，誰，又會是最後的幕後黑手？

是天辰dreamer嗎？又或是此刻屏幕前的你？

一切的一切，敬請關注今晚八點，明晚八點，後天，大後天，下週，不定時更新的下期節目：

天辰的救贖之add函數大挑戰(下)。