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 了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容