摘要：一场恩怨，一段纷争，一段历史。后来崛起，并内置了库，从此一炮而红。可见，前端大战以的完胜而告终。无疑，在目前浏览器不完全兼容的情况下，提供的是操作的最佳选择。然而社区的意见偏向于，是唯一选择。的贡献者认为，现状不会改变。
这几天更新我的之前写的 Chrome 插件 ChromeSnifferPlus 可以探测正在使用的开源软件或者 js 类库，两天的时间增加了 20 多个 js 库的检测，并重构了部分代码，将版本升级到了 2.x。
今天想增加 lodash 的检测代码，可犯了愁了。
打开 lodash 的主页，直接检测为 Underscore。
足足研究了半个小时，真是说来话长啊。
一场恩怨，一段纷争，一段历史。
在 javascript 领域，最难处理的就是浏览器兼容的 DOM 操作。这时 Prototype 框架最先引入了 $ 符号，凭借其便利的多平台兼容的 DOM 处理、Ajax 处理、以及一些辅助工具函数，受到开发者的青睐。后来 Ruby On Rails 崛起，并内置了 Prototype 库，从此 Prototype 一炮而红。
很快，这个 $ 被另一个框架所使用，就是我们熟知的 jQuery，同样也是操作 DOM，Ajax 处理。但是 jQuery 很快就超过了 Prototype 的锋芒。
现在很多前端开发者都不知道什么是 Prototype。也有部分开发者把 jQuery 当作 javascript。可见，前端大战以 jQuery 的完胜而告终。
无疑，在目前浏览器不完全兼容的情况下，jQuery 提供的 API 是操作 DOM 的最佳选择。
那么在一个没有 DOM 世界会是怎样的呢？
Node.js 的兴起把我们带到了一个没有 DOM 和 BOM 的世界。我们需要的是函数、库，我们要处理数字，处理字符串，处理数据…… 所有这些，jQuery 的 $ 没有提供，那谁提供了呢？答案就是
Underscore 的 _。
这个库的名字叫 Underscore，而 Underscore 就是"下划线"的意思。Underscore 给开发者带来了什么呢？很酷的函数式思维。
当我们想把数组 ["left ", " center ", " right"] 中各个字符串元素两边的空白符去除，我们可以这样：
_.map(["left ", " center ", " right"], function (s) {
return s.trim();
});
在写前端代码的时候，Underscore 一直是我使用次数排名第二的库，第一是谁，当然是 jQuery 了。所以代码里面满屏都是 $ 和 _。
就像 jQuery 替代了 Prototype 一样，Underscore 也迎来了挑战，那就是 lodash。Lodash 也使用 _ 符号，而且 Underscore 的所有函数 Lodash 全部包括，不仅如此 Lodash 还增加了很多 Underscore 没有的函数。更可气的是，只要 Underscore 添加了啥新功能时，Lodash 都会及时覆盖更新，以维护它一如既往超集的地位（要脸不）。真正的杀手锏是，Lodash 函数的性能是 Underscore 的四五倍。
今天五月份，Underscore 的创造者 Jeremy Ashkenas 在一条 Github issue 中向 Lodash 的创造者 John-David Dalton 表明合并两个库的意愿。
然而社区的意见偏向于，lodash 是唯一选择。
Babel 的贡献者 James Kyle 认为，现状不会改变。“所有的一切会一如既往地发展着，Lodash 会缓慢更新，但是一定会彻底替代 Underscore”。
如果看看 NPM 的 most depended-upon packages，Lodash 名列第 1，而 Underscore 命令……那个……第 2 或者 第 4。（谁能告诉我这个是横着看，还是竖着看）
上个月的下载量，Underscore 为 1 千多万，而 Lodash 则是 2 千多万。而 jQuery 呢，不到 1 百万。
言归正传，继续回到我的插件 ChromeSnifferPlus 上来。既然 lodash 是 Underscore 的超集，那就有办法区分了。
之前的判断都是通过特性判断，也就是：如果支持某特性，或者包含某个函数，则认为加载了某个库。比如判断 jQuery：
window.jQuery && jQuery.prototype && jQuery.prototype.jquery
如果页面没有使用 jQuery 上面代码返回 undefined，如果使用了 jQuery 则返回 jQuery 的版本号。如果在当前页面的控制器运行此段代码，返回 "2.1.1"，因为 segmentfault 使用了 jQuery，并且版本是 2.1.1。果然是开发者的社区，不需要兼容老旧的浏览器。
所以之前我的判断代码是 window._ && _.VERSION，结果误把 lodash 检测为 Underscore 了。
既然是超集，我们可以找一个特性，这个特性 lodash 支持，而 Underscore 不支持，以此区分。随便找一个函数，比如 attempt，因此我们可以这样检测：
检测 lodash：
window._ && typeof _.attempt === "function" && _.VERSION
检测 Underscore：
window._ && _.attempt === undefined && _.VERSION
不过，是时候放弃 Underscore，使用 lodash 了。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/78276.html
摘要：不耽误表单提交数据虽然我们无法看到的元素，但当表单提交时依然会将隐藏的元素的值提交上去。让元素在见面上不可视，但保留元素原来占有的位置。不过由于各浏览器实现效果均有出入，因此一般不会使用这个值。继承父元素的值。 前言 还记得面试时被问起请说说display:none和visibility:hidden的区别吗？是不是回答完display:none不占用原来的位置，而visibilit...
摘要：当时孙宇晨为了给出场的波场造势，主动碰瓷以太坊，在推特上直接列出了条波场优于以太坊的理由。但如果是波场取代了以太坊的地位，我将对人类失去希望。不论波场与以太坊是否真有合作的可能性，商业战场上的相爱相杀也大抵如此。 摘要：波场与以太坊将达成正式合作？是迟来的愚人节玩笑还是一笑泯恩仇？ showImg(https://segmentfault.com/img/bVbrfU7?w=952&h...
摘要：我用替换已经有一段时间了。更快，支持，并且拥有所缺乏的特性。这真是太棒了同样声称类似，但是使用惰性求值，并发布了一些令人印象深刻的速度比较。如果你使用，不管在哪里使用包括，你应该花上几分钟切换到。 我用Lo-Dash替换Underscore已经有一段时间了。Lo-Dash更快，支持AMD，并且拥有Underscore所缺乏的特性。同时，Lo-Dash和Underscore是100%兼容...
摘要：主要区别是需要在声明模块时指定所有的依赖，通过形参传递依赖到模块内容中。 前言 昨天，公司同事问了我如下一个问题： showImg(https://segmentfault.com/img/bVWXYP?w=548&h=346); 说他在看一个插件时，看到了源码结构如截图所示，他知道(function(){})()是一种立即执行函数，但是在截图中，最后的那个圆括号里又写了一个函数fun...
摘要：遍历集合，对集合中的每个元素执行回调。因此，上面的判断等价于是预先定义的空对象，内部用于提前结束循环的标志，并没有对外公开。 _.each 遍历集合，对集合中的每个元素执行回调。 API Lo-Dash _.forEach(collection [, callback=identity, thisArg]) Aliases each Arguments collection (Arr...
阅读 437·2023-04-25 23:00
阅读 3469·2021-11-22 13:54
阅读 1842·2021-10-27 14:14
阅读 1461·2019-08-30 13:59
阅读 3484·2019-08-23 16:15
阅读 1927·2019-08-23 16:06
阅读 3280·2019-08-23 15:26
阅读 1209·2019-08-23 13:48
