Lo-Dash 与 underscore，Prototype 与 jQuery，两段恩怨情仇

这几天更新个人以前写的 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 了。