天辰的救赎(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函数大挑战(下)。