两行代码险些搞垮 JavaScript 生态，受影响项目超百万-低调大师

两行代码险些搞垮 JavaScript 生态，受影响项目超百万

2020-05-05 532

云栖号资讯：【点击查看更多行业资讯】
在这里您可以找到不同行业的第一手的上云资讯，还在等什么，快来！

4 月 25 日，一个名为 is-promise 的 npm 库进行了更新并发布了 v2.2.0 版本，没想到这一次更新却使 JavaScript 生态陷入危机，据媒体报道，目前已有数百万个项目受到了影响，而事件的始作俑者竟是一个仅仅“单行”的 JavaScript 库。

事件回顾

is-promise 库主要用来测试 JavaScript 对象是否为“Promise”，并在开发时使用该函数返回布尔值 yes 或 no，开发者可以通过 one-liner 调用并在自己的项目中使用这个库。4 月 25 日，is-promise 正常进行更新，发布了 is-promise v2.2.0，但由于该版本并未遵循正确的 ES 模块标准，从而导致更新完成后，由于不正确的 ES 模块标准，所有在构建时使用 is-promise 库的项目几乎全部发生故障。虽然这一错误不会使现有项目崩溃，但它却对开发者编译自己项目的新版本造成了影响。
来看一下“肇事者”：

declare function isPromise<T, S>(obj: Promise<T> | S): obj is Promise<T>;
export default isPromise;

虽然这个问题立即就被发现了，但仍影响到了一些 JavaScript 生态系统中的“大项目”，其中包括 Facebook 的 Create App，三大框架之一的 Angular，Google 的 Firebase 工具，亚马逊的 AWS Serverless CLI，Nuxt.js，AVA 等等。很多开发者都表示受到了影响：

https://github.com/then/is-promise/issues/13

GitHub 上显示，与该库有依赖关系的项目超过 340 万个。

该团队在第一时间发布了 is-promise v2.2.1 更新，但是并未能解决问题，最终在几个小时后发布的 is-promise v2.2.2 中修正了 ES 模块支持的问题，这一“紧急事件”才落下帷幕。

并非第一起事故

仅仅两行代码就造成了这么大的影响，实际上这并不是第一次发生。早在 2016 年 3 月，一个名为 left-pad 且仅有 17 行代码的 npm 库也曾引发过一起事故，起因是这个库的作者创建了一个 npm 模块并命名为 kik，这个名字与当时的一个聊天软件 Kik 如出一辙，所以 Kik 的负责人找到该作者并希望他换一个名字，结果双方并没有谈妥，该作者一气之下突然决定取消发布所有的库，导致无数项目出现事故。

与 2016 年一样，“is-promise 事件”引发了一众开发者的疑问：是否需要在 JavaScript 生态中提供 one-liner 库？JavaScript 模块化究竟是否必需？

JavaScript 模块化

一部分开发者认为，当开发人员创建这种只有几行代码的库时，模块化实在是过于繁琐；而另一部分开发者则认为，模块化十分有必要，某一个任务可以在其对应的模块内统一管理，而不是让开发者以不同的方式在自己的项目中处理。

对于一个复杂的 Web 应用来说，模块化编程显然是一个更具优势的选择，很多 JavaScript 库都是这样实现的。在 ES6 之前，很多前端社区曾自己钻研模块化开发，经历了 AMD/CMD/UMD 等阶段，这里不过多赘述。ES6 中首次引入模块化开发规范，让 Javascript 首次支持原生模块化开发，从此，JavaScript 模块化被越来越多的开发者接受。

JavaScript 模块化也说明了 Web 的能力在不断增强，Web 应用日趋复杂。相信未来 JavaScript 的能力会继续提升，前端开发者们的开发效率也会更加高效。

【云栖号在线课堂】每天都有产品技术专家分享！
课程地址：https://yqh.aliyun.com/zhibo

立即加入社群，与专家面对面，及时了解课程最新动态！
【云栖号在线课堂社群】https://c.tb.cn/F3.Z8gvnK

原文发布时间：2020-05-05
本文作者：李俊辰
本文来自：“InfoQ 微信公众号”，了解相关信息可以关注“InfoQ”

微信关注我们

原文链接：https://yq.aliyun.com/articles/758807

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

好程序员Web前端教程之React原理解析及优化技巧

好程序员Web前端教程之React原理解析及优化技巧，React既是当前企业选拔人才的主要技能之一，也是每一个Web前端人才需要掌握的知识。有不少同学想要快速掌握React，接下来就给大家简单介绍React原理以及相关性能优化技巧。 ReactJS起源于Facebook内部项目，是一个用来构建用户界面的JavaScript库，相当于MVC架构中的V层框架。与市面上其他框架不同的是，React把每一个组件当成了一个状态机，组件内部通过state来维护组件状态的变化，当组件的状态发生变化时，React通过虚拟DOM技术来增量并且高效的更新真实DOM。 React核心技术——虚拟DOM(Virtual DOM)：对于每一个组件，React会在内存中构建一个相对应的DOM树，基于React开发时所有的DOM构造都是通过虚拟DOM进行，每当组件的状态发生变化时，React都会重新构建整个DOM数据，然后将当前的整个DOM树和上一次的DOM树进行对比，得出DOM结构变化的部分(Patchs)，然后将这些Patchs再更新到真实DOM中。整个过程都是在内存中进行，因此是非常高效的。 React把每个...

2020-05-06

528

上一篇基于redis的list实现了一个简单的消息队列：玩转redis-简单消息队列源码地址使用demo 产品经理经常说的一句话，我们不光要有X功能，还要Y功能，这样客户才能更满意。同样的，只有简单消息队列是不够的，还要有延时消息队列才能算是一个完整的消息队列。看看redis的命令，放眼望去，的有序集合(sorted set)就是一个很好用的命令，完全可以用他做一个延时消息队列 redis有序集合(sorted set) redis有序集合，每个元素都会关联一个double类型的分数。redis正是通过分数来为集合中的成员进行从小到大的排序。有序集合的成员是唯一的,但分数(score)却可以重复。简单操作添加数据 127.0.0.1:6379> ZADD testSet1 5 a (integer) 1 127.0.0.1:6379> ZADD testSet1 1 b 8 c 7 d (integer) 3 读取 127.0.0.1:6379> ZRANGEBYSCORE testSet1 0 3 1) "b" 127.0.0.1:6379> ZRA...

2020-05-06

656

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。