這幾天更新我的之前寫的 Chrome 插件 ChromeSnifferPlus 可以探測(cè)正在使用的開源軟件或者 js 類庫,兩天的時(shí)間增加了 20 多個(gè) js 庫的檢測(cè),并重構(gòu)了部分代碼,將版本升級(jí)到了 2.x。
今天想增加 lodash 的檢測(cè)代碼,可犯了愁了。
打開 lodash 的主頁,直接檢測(cè)為 Underscore。

足足研究了半個(gè)小時(shí),真是說來話長(zhǎng)啊。
一場(chǎng)恩怨,一段紛爭(zhēng),一段歷史。
在 javascript 領(lǐng)域,最難處理的就是瀏覽器兼容的 DOM 操作。這時(shí) Prototype 框架最先引入了 $ 符號(hào),憑借其便利的多平臺(tái)兼容的 DOM 處理、Ajax 處理、以及一些輔助工具函數(shù),受到開發(fā)者的青睞。后來 Ruby On Rails 崛起,并內(nèi)置了 Prototype 庫,從此 Prototype 一炮而紅。
很快,這個(gè) $ 被另一個(gè)框架所使用,就是我們熟知的 jQuery,同樣也是操作 DOM,Ajax 處理。但是 jQuery 很快就超過了 Prototype 的鋒芒。
現(xiàn)在很多前端開發(fā)者都不知道什么是 Prototype。也有部分開發(fā)者把 jQuery 當(dāng)作 javascript。可見,前端大戰(zhàn)以 jQuery 的完勝而告終。
無疑,在目前瀏覽器不完全兼容的情況下,jQuery 提供的 API 是操作 DOM 的最佳選擇。
那么在一個(gè)沒有 DOM 世界會(huì)是怎樣的呢?
Node.js 的興起把我們帶到了一個(gè)沒有 DOM 和 BOM 的世界。我們需要的是函數(shù)、庫,我們要處理數(shù)字,處理字符串,處理數(shù)據(jù)…… 所有這些,jQuery 的 $ 沒有提供,那誰提供了呢?答案就是
Underscore 的 _。
這個(gè)庫的名字叫 Underscore,而 Underscore 就是"下劃線"的意思。Underscore 給開發(fā)者帶來了什么呢?很酷的函數(shù)式思維。
當(dāng)我們想把數(shù)組 ['left ', ' center ', ' right'] 中各個(gè)字符串元素兩邊的空白符去除,我們可以這樣:
_.map(['left ', ' center ', ' right'], function (s) {
return s.trim();
});
在寫前端代碼的時(shí)候,Underscore 一直是我使用次數(shù)排名第二的庫,第一是誰,當(dāng)然是 jQuery 了。所以代碼里面滿屏都是 $ 和 _。
就像 jQuery 替代了 Prototype 一樣,Underscore 也迎來了挑戰(zhàn),那就是 lodash。Lodash 也使用 _ 符號(hào),而且 Underscore 的所有函數(shù) Lodash 全部包括,不僅如此 Lodash 還增加了很多 Underscore 沒有的函數(shù)。更可氣的是,只要 Underscore 添加了啥新功能時(shí),Lodash 都會(huì)及時(shí)覆蓋更新,以維護(hù)它一如既往超集的地位(要臉不)。真正的殺手锏是,Lodash 函數(shù)的性能是 Underscore 的四五倍。

今天五月份,Underscore 的創(chuàng)造者 Jeremy Ashkenas 在一條 Github issue 中向 Lodash 的創(chuàng)造者 John-David Dalton 表明合并兩個(gè)庫的意愿。
然而社區(qū)的意見偏向于,lodash 是唯一選擇。
Babel 的貢獻(xiàn)者 James Kyle 認(rèn)為,現(xiàn)狀不會(huì)改變。“所有的一切會(huì)一如既往地發(fā)展著,Lodash 會(huì)緩慢更新,但是一定會(huì)徹底替代 Underscore”。
如果看看 NPM 的 most depended-upon packages,Lodash 名列第 1,而 Underscore 命令……那個(gè)……第 2 或者 第 4。(誰能告訴我這個(gè)是橫著看,還是豎著看)
上個(gè)月的下載量,Underscore 為 1 千多萬,而 Lodash 則是 2 千多萬。而 jQuery 呢,不到 1 百萬。
言歸正傳,繼續(xù)回到我的插件 ChromeSnifferPlus 上來。既然 lodash 是 Underscore 的超集,那就有辦法區(qū)分了。
之前的判斷都是通過特性判斷,也就是:如果支持某特性,或者包含某個(gè)函數(shù),則認(rèn)為加載了某個(gè)庫。比如判斷 jQuery:
window.jQuery && jQuery.prototype && jQuery.prototype.jquery
如果頁面沒有使用 jQuery 上面代碼返回 undefined,如果使用了 jQuery 則返回 jQuery 的版本號(hào)。如果在當(dāng)前頁面的控制器運(yùn)行此段代碼,返回 "2.1.1",因?yàn)?segmentfault 使用了 jQuery,并且版本是 2.1.1。果然是開發(fā)者的社區(qū),不需要兼容老舊的瀏覽器。
所以之前我的判斷代碼是 window._ && _.VERSION,結(jié)果誤把 lodash 檢測(cè)為 Underscore 了。
既然是超集,我們可以找一個(gè)特性,這個(gè)特性 lodash 支持,而 Underscore 不支持,以此區(qū)分。隨便找一個(gè)函數(shù),比如 attempt,因此我們可以這樣檢測(cè):
檢測(cè) lodash:
window._ && typeof _.attempt === 'function' && _.VERSION
檢測(cè) Underscore:
window._ && _.attempt === undefined && _.VERSION
不過,是時(shí)候放棄 Underscore,使用 lodash 了。