今天我们来聊聊匿名函数的使用,因为无论你在什么时候写代码,您都必须注意到匿名函数。
有时它们被称为 lambda,有时是叫做匿名函数,不管怎样,我认为他们是不好使用的。
如果你不知道匿名函数是什么,这里有一个引语:
匿名函数是一种在运行时动态声明的函数。它们之所以被称为匿名函数是因为不同于普通函数,它们并没有函数名。
匿名函数形式如下:
今天我来让大家理解,只有在绝对需要的情况下才应该使用匿名函数。
因为匿名函数不应该是首选,而且你自己也应该知道为什么使用它。
当理解为什么要这样做之后,你的代码就可以变得更简洁,更容易维护,并且更容易找到bug。
先从下面避免使用匿名函数的三个理由开始吧:
一、错误追踪(找BUG)
对于开发人员,无论你多么擅长写代码,出现错误也是不可避免的。有时候,这些错误很容易被查出,有时候并不容易找到。
如果你知道这些错误来自哪里,那么错误会很容易被查出来。为了容易查出错误,我们可以使用一个叫做堆栈轨迹的工具。
如果你不了解堆栈轨迹,可以百度一下,百度有讲解。
假设现在有一个非常简单的项目:
上面代码里面有一个非常愚蠢的错误,拼写错误(console.log)。
在小项目里面,这个拼写错误不是什么大问题。如果这是一个有非常多模块非常大的项目一小段,问题就大了。
假设这个愚蠢的错误不是你犯的,那么新来的初级工程师将会在他休假之前把这个错误提交到代码库!
现在,我们必须追查。 使用我们精心命名的函数,现在我们可以轻松地追踪到这个bug。
但是....一旦我们解决了这个问题,就会发现还有另一个bug。
这次是一位更资深的开发人员的代码。
这个人知道lambdas(匿名函数),并在代码中大量使用它们。 结果他们偶然发现了一个bug,我们的工作就是追踪这个bug。
下面是他的代码:
吃不吃惊,惊喜不惊喜,这名开发者也忘记了如何拼写console.log了!这也太巧了!令人感到遗憾的是,他们都没有命名他们的函数。
那么控制台会输出什么呢?
好吧,我们至少还有行号,对吧?在这个例子中,看起来我们有大约7行代码。
如果我们处理一大段代码会如何呢?
比如一万行代码?
行号的跨度如此之大该怎么办呢?
如果代码被折叠后有没有一个代码地图文件,那么对行号的渲染是不是根本就是没有什么用了呢?
我想对这些问题的回答相当简单,答案就是:想这些会让你一整天的心情非常难受。
二、可读性
有些朋友看到这里还不信,仍旧对你的匿名函数恋恋不舍,并且还从未发生过bug。我的错,你的代码是完整的。但是让我们看看下面两段代码:
这是一个非常不正常的例子,但是我相信你已经明白我要说什么了。
我们反回了一个promise方法,我们用这个promise对象/方法处理不同的响应。
你也许会认为几段代码读起来并不难,但我认为它们可以变得更好!
比如说去掉所有的匿名函数会怎样呢?
OK,在这里先讲一下:可以看到这部分的代码更长,但我不认为只是增加了可读性!
我们精心命名的函数与匿名函数不一样,只要我们一看到它们的名字就知道它们的功能是什么。
这避免了在评估代码时出现一些误会。
这也有助于分清楚其中的关系。
与创建一个方法、将其传递、然后运行逻辑不同,在第二个例子中的参数被给到了then,catch只是指向了发生所有事情的函数。
三、可重用性
你注意到上一个例子了吗?上个例子中的函数的使用范围从参数和初始化函数,变为让所有函数都能使用。
当你使用匿名函数时这些函数很难在你的应用程序内重复使用。
可重用性将不复存在,最终你会一遍又一遍地写重复的代码。
正如我们所见的,代码写的越少引入的Bug就越少,用户必须加载的内容就越少。所有人都会因此获益!
相反的,命名函数可以全局使用,而不需要像变量一样到处传递。你的代码的可重用性会更好。
那匿名函数还有可取的地方吗?
说了那么多,你可能会开始怀疑匿名函数是不是一无是处了,那为什么还要存在我们的开发当中???
其实匿名函数是又很多好处的,虽然很不愿意承认,但有的时候使用匿名函数是最好的选择。
看一个代码:
上边代码中的匿名函数s => !s.hide非常简单,即使不能在别的地方使用也不会对别人有任何影响,而且也可以在stuff.filter中显示出堆栈调用。
如果想要重用这段代码,最好重用整段代码:
有时你想把你所有的代码封装到匿名函数中,以保证全局范围不会被污染。
在栈空间中拥有一个顶级的匿名函数真得不会有什么错误。没有代码重用是痛苦的,因为完整的目的是保持方法内含。
好了,今天就讲那么多,我敢肯定,还有很多比我更好的方法,欢迎大家在留意评论分享啦!
喜欢的朋友,转发一下,发现给你的朋友们吧!
前端开发工程师班今天最后2天免费赠送价值千元的课程大礼包!快来咨询学习吧!
本文分享自微信公众号 - 前端研究所(WEBqdyjs)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。