位置: 编程技术 - 正文

不使用 JS 匿名函数理由(js匿名函数作用域)

编辑:rootadmin

推荐整理分享不使用 JS 匿名函数理由(js匿名函数作用域),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js匿名函数和箭头函数,js async 匿名函数,js匿名函数和命名函数,js匿名函数和命名函数,匿名类不能用于接口的实现,js匿名函数和命名函数,js匿名类,js匿名类,内容如对您有帮助,希望把文章链接给更多的朋友!

匿名函数的基本形式为(function(){...})();

前面的括号包含函数体,后面的括号就是给匿名函数传递参数并立即执行之

匿名函数的作用是避免全局变量的污染以及函数名的冲突

无论你在什么时候读代码,您都必须注意到匿名函数。有时它们被称为 lambda,有时是匿名函数,不管怎样,我认为他们是不好使用的。

如果你不知道匿名函数是什么,这里有一个引语:

匿名函数是一种在运行时动态声明的函数。它们之所以被称为匿名函数是因为不同于普通函数,它们并没有函数名 。 — Helen Emerson, Helephant.com

匿名函数形式如下:

我今天尝试让大家理解通常情况下只有在绝对需要的情况下才使用匿名函数的想法。匿名函数不应该是首选,而且应该知道原因情况下使用。当理解这种想法之后,你的代码会变得更简洁,更容易维护,并且更容易跟踪bug。先从避免使用匿名函数的三个理由开始:

你写代码的时候, 无论你多么擅长敲代码, 总是会碰到错误。有时候,这些错误很容易被查出,有时候并不容易。

如果你知道这些错误来自哪里,那么错误很容易会被查出来。为了查出错误,我们使用这个被叫做堆栈轨迹的工具。如果你不了解 堆栈轨迹 ,goole给出了很棒的介绍。

假设现在有一个非常简单的工程:

上面代码里面有一个非常愚蠢的错误,拼写错误(console.log)。在小工程里面,这个拼写错误不是什么大问题。 如果这是一个有非常多模块非常大的工程的一小段,问题就大了。假设这个愚蠢的错误不是你犯的,那么新来的初级工程师将会在他休假之前把这个错误提交到代码库!

现在,我们必须追查。 使用我们精心命名的函数, 我们得到如下的堆栈跟踪:

谢谢你命名你的函数 ,初级开发者们! 现在我们可以轻松地追踪到这个bug。

但是..一旦我们解决了这个问题, 就会发现 还有另一个bug。 这次是一位更资深的开发人员介绍的。这个人知道 lambdas结果他们偶然发现了一个bug,我们的工作就是追踪它。

不使用 JS 匿名函数理由(js匿名函数作用域)

下面是代码:

吃不吃惊,这名开发者也忘记了如何拼写console.log了!这也太巧合了吧!令人感到遗憾的是,他们都没有命名他们的函数。

那么控制台会输出什么呢?

好吧,我们至少还有行号,对吧?在这个例子中,看起来我们有大约7行代码。如果我们处理一大段代码会如何呢?比如一万行代码?行号的跨度如此之大该怎么办呢?如果代码被折叠后有没有一个代码地图文件,那么对行号的渲染是不是根本就是没有什么用了呢?

我想对这些问题的回答相当简单,答案就是:想这些会让你一整天都会过的相当糟心。

可读性

咦,我听说你还不信。你仍旧对你的匿名函数恋恋不舍,并且还从未发生过bug。那么我得向你道歉,你认为你的代码是完美的。让我们看看这个!

看看下面两段代码:

这是一个非常不正常的例子,但是我相信你已经明白我要说什么 了。我们的方法返回了一个promise,我们用这个promise对象/方法处理不同可能的 响应。

你也许会认为几段代码读起来并不难,但我认为它们可以变得更好!

如果我们去掉所有的匿名函数会怎样呢?

好,先讲清楚:这部分代码更长,但我认为其不仅仅是有更多的可读性!我们精心命名的函数与匿名函数不一样,只要我们一看到它们的名字就知道它们的功能是什么。这避免了在评估代码时的障碍。

这也有助于分清楚其中的关系。与创建一个方法、将其传递、然后运行逻辑不同,在第二个例子中的参数被给到了then,catch只是指向了发生所有事情的函数。

关于更具有可读性,我没有什么再能说服你的了。但是也许你还没被说服的话,我可以试一下最后的论据。

总结

以上所述是小编给大家介绍的不使用 JS 匿名函数的理由,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

深入研究React中setState源码 React作为一门前端框架,虽然只是focus在MVVM中的View部分,但还是实现了View和model的绑定。修改数据的同时,可以实现View的刷新。这大大简化了我们的逻

五步轻松实现JavaScript HTML时钟效果 学了一段时间的HTML、CSS和JS后,给大家做一款漂亮的不像实力派的HTML时钟,先看图:涉及到的知识点有:CSS3动画、DOM操作、定时器、圆点坐标的计算(

JavaScript canvas实现围绕旋转动画 使用canvas的convas来实现围绕旋转动画,外圈顺时针,里层逆时针代码demo链接地址:代码demo链接地址html文件!DOCTYPEhtmlhtmlheadlang="en"metacharset="UTF-8"title/title

标签: js匿名函数作用域

本文链接地址:https://www.jiuchutong.com/biancheng/369823.html 转载请保留说明!

上一篇:bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)

下一篇:深入研究React中setState源码(深入react技术栈)

  • 增值税发票如何开
  • 如何计提当月的个人所得税?
  • 企业所得税缴纳时计提可以吗
  • 收到幼儿园园服费怎么做财务处理?
  • 税金及附加主要分析
  • 进口环节增值税由海关征收吗
  • 财务软件续费怎么记账
  • 做账时计提费用不含税怎么取整
  • 以前借款没做账现在收回来怎么做账务处理?
  • 加工原因造成的废品损失
  • 个税速算扣除数是怎么计算出来的
  • 应交税费附加税期末有余额吗
  • 对公账户进账是否缴税
  • 企业购买的黄金计入什么科目
  • 非税收入通用票据需要盖章吗
  • 坏账准备怎么冲回
  • 案例分析:如何缓解幼儿在幼儿园的焦虑情绪
  • 城市生活垃圾处理与资源化利用工艺设计
  • 单位杂工费报销计什么科目
  • 无租房合同可以取住房公积金吗
  • 高铁票可以要发票吗
  • 太阳能真空管和普通管的区别
  • 个体工商户怎么交税
  • 加油可以吗
  • 已抵扣原材料进项税额转出完整分录
  • windows10显示文件格式
  • uefi+bios
  • 事业单位收到租金收入
  • 现金收入支出表怎么填
  • 递延收益为什么计税基础为0
  • win11系统打不出顿号
  • 正版的win10多少钱
  • 今天中秋节
  • pytorch基础
  • 国税一证通
  • php常用工具
  • 知识图谱实现方案
  • 推荐 4个有趣实践作业
  • 命令行修改mbr
  • day03-CSS
  • 利息收入交所得税吗
  • 外购存货的账务处理
  • 收到的加盟费要交税吗
  • 起征点和免征额都是税收优惠形式
  • 固定资产工作汇报
  • 收到开错的发票怎么办
  • 电子商务会计科目有哪些
  • 不开发票的收入如何申报纳税?
  • 厂家给的返利应该怎么做会计分录
  • 汽车属于固定资产类吗
  • 赠送客户样品记什么费用
  • 建筑服务的税率是
  • 开服装店如何做销售
  • 租用办公楼的装修协议
  • 建账前应考虑什么问题
  • mybatis怎么搭建
  • 重装win7系统后鼠标反应慢
  • 在linux系统中命令
  • emule.td文件怎么打开
  • Ubuntu 14.04 64位搭建ADT开发环境的方法
  • ct.dll
  • xp系统纯净版gho
  • 华硕和联想笔记本电脑哪个好点
  • win10系统如何更改盘符
  • win7系统没有光驱盘符
  • 第一个闹钟
  • jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
  • 用python加密
  • angular中ui calendar的一些使用心得(推荐)
  • js实现右键菜单
  • jquery获取页面元素
  • js怎么拿到表单提交数据
  • 美国税务制度
  • 国家税务总局是正部级还是副部级
  • 电子税务局的社保不能扣款怎么办
  • 税务部门督查内审部门监督检查的内容
  • 133平房子公摊36.88
  • 深圳龙华九价怎么预约
  • 青岛市税务管理局
  • 调研基本情况介绍范文
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设