Lo-Dash 與 underscore游盲,Prototype 與 jQuery,兩段恩怨情仇

這幾天更新我的之前寫的 Chrome 插件 ChromeSnifferPlus 可以探測(cè)正在使用的開源軟件或者 js 類庫(kù)蛮粮,兩天的時(shí)間增加了 20 多個(gè) js 庫(kù)的檢測(cè)益缎,并重構(gòu)了部分代碼,將版本升級(jí)到了 2.x蝉揍。

今天想增加 lodash 的檢測(cè)代碼,可犯了愁了畦娄。

打開 lodash 的主頁(yè)又沾,直接檢測(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 庫(kù)昂验,從此 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ù)阅茶、庫(kù)蛛枚,我們要處理數(shù)字,處理字符串脸哀,處理數(shù)據(jù)…… 所有這些蹦浦,jQuery 的 $ 沒有提供,那誰提供了呢撞蜂?答案就是
Underscore 的 _盲镶。

這個(gè)庫(kù)的名字叫 Underscore侥袜,而 Underscore 就是"下劃線"的意思。Underscore 給開發(fā)者帶來了什么呢溉贿?很酷的函數(shù)式思維枫吧。

當(dāng)我們想把數(shù)組 ['left ', ' center ', ' right'] 中各個(gè)字符串元素兩邊的空白符去除,我們可以這樣:

_.map(['left  ', ' center ', '  right'], function (s) {
  return s.trim();
});

在寫前端代碼的時(shí)候宇色,Underscore 一直是我使用次數(shù)排名第二的庫(kù)九杂,第一是誰,當(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è)庫(kù)的意愿毅哗。

然而社區(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è)庫(kù)丛版。比如判斷 jQuery:

window.jQuery && jQuery.prototype && jQuery.prototype.jquery

如果頁(yè)面沒有使用 jQuery 上面代碼返回 undefined,如果使用了 jQuery 則返回 jQuery 的版本號(hào)偏序。如果在當(dāng)前頁(yè)面的控制器運(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 了翰意。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末木人,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子冀偶,更是在濱河造成了極大的恐慌醒第,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件进鸠,死亡現(xiàn)場(chǎng)離奇詭異稠曼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)客年,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門霞幅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來漠吻,“玉大人,你說我怎么就攤上這事司恳⊥灸耍” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵扔傅,是天一觀的道長(zhǎng)耍共。 經(jīng)常有香客問我,道長(zhǎng)猎塞,這世上最難降的妖魔是什么试读? 我笑而不...
    開封第一講書人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮荠耽,結(jié)果婚禮上钩骇,老公的妹妹穿的比我還像新娘。我一直安慰自己铝量,他們只是感情好倘屹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著慢叨,像睡著了一般唐瀑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上插爹,一...
    開封第一講書人閱讀 51,125評(píng)論 1 297
  • 那天哄辣,我揣著相機(jī)與錄音,去河邊找鬼赠尾。 笑死力穗,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的气嫁。 我是一名探鬼主播当窗,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼寸宵!你這毒婦竟也來了崖面?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤梯影,失蹤者是張志新(化名)和其女友劉穎巫员,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體甲棍,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡简识,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片七扰。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡奢赂,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出颈走,到底是詐尸還是另有隱情膳灶,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布立由,位于F島的核電站袖瞻,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏拆吆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一脂矫、第九天 我趴在偏房一處隱蔽的房頂上張望枣耀。 院中可真熱鬧,春花似錦庭再、人聲如沸捞奕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)颅围。三九已至,卻和暖如春恨搓,著一層夾襖步出監(jiān)牢的瞬間院促,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來泰國(guó)打工斧抱, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留常拓,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓辉浦,卻偏偏與公主長(zhǎng)得像弄抬,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子宪郊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容