資訊專欄INFORMATION COLUMN
摘要：一場(chǎng)恩怨，一段紛爭(zhēng)，一段歷史。后來崛起，并內(nèi)置了庫(kù)，從此一炮而紅。可見，前端大戰(zhàn)以的完勝而告終。無疑，在目前瀏覽器不完全兼容的情況下，提供的是操作的最佳選擇。然而社區(qū)的意見偏向于，是唯一選擇。的貢獻(xiàn)者認(rèn)為，現(xiàn)狀不會(huì)改變。
這幾天更新我的之前寫的 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)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/78276.html
摘要：不耽誤表單提交數(shù)據(jù)雖然我們無法看到的元素，但當(dāng)表單提交時(shí)依然會(huì)將隱藏的元素的值提交上去。讓元素在見面上不可視，但保留元素原來占有的位置。不過由于各瀏覽器實(shí)現(xiàn)效果均有出入，因此一般不會(huì)使用這個(gè)值。繼承父元素的值。 前言 ?還記得面試時(shí)被問起請(qǐng)說說display:none和visibility:hidden的區(qū)別嗎？是不是回答完display:none不占用原來的位置，而visibilit...
摘要：當(dāng)時(shí)孫宇晨為了給出場(chǎng)的波場(chǎng)造勢(shì)，主動(dòng)碰瓷以太坊，在推特上直接列出了條波場(chǎng)優(yōu)于以太坊的理由。但如果是波場(chǎng)取代了以太坊的地位，我將對(duì)人類失去希望。不論波場(chǎng)與以太坊是否真有合作的可能性，商業(yè)戰(zhàn)場(chǎng)上的相愛相殺也大抵如此。 摘要：波場(chǎng)與以太坊將達(dá)成正式合作？是遲來的愚人節(jié)玩笑還是一笑泯恩仇？ showImg(https://segmentfault.com/img/bVbrfU7?w=952&h...
摘要：我用替換已經(jīng)有一段時(shí)間了。更快，支持，并且擁有所缺乏的特性。這真是太棒了同樣聲稱類似，但是使用惰性求值，并發(fā)布了一些令人印象深刻的速度比較。如果你使用，不管在哪里使用包括，你應(yīng)該花上幾分鐘切換到。 我用Lo-Dash替換Underscore已經(jīng)有一段時(shí)間了。Lo-Dash更快，支持AMD，并且擁有Underscore所缺乏的特性。同時(shí)，Lo-Dash和Underscore是100%兼容...
摘要：主要區(qū)別是需要在聲明模塊時(shí)指定所有的依賴，通過形參傳遞依賴到模塊內(nèi)容中。 前言 昨天，公司同事問了我如下一個(gè)問題： showImg(https://segmentfault.com/img/bVWXYP?w=548&h=346); 說他在看一個(gè)插件時(shí)，看到了源碼結(jié)構(gòu)如截圖所示，他知道(function(){})()是一種立即執(zhí)行函數(shù)，但是在截圖中，最后的那個(gè)圓括號(hào)里又寫了一個(gè)函數(shù)fun...
摘要：遍歷集合，對(duì)集合中的每個(gè)元素執(zhí)行回調(diào)。因此，上面的判斷等價(jià)于是預(yù)先定義的空對(duì)象，內(nèi)部用于提前結(jié)束循環(huán)的標(biāo)志，并沒有對(duì)外公開。 _.each 遍歷集合，對(duì)集合中的每個(gè)元素執(zhí)行回調(diào)。 API Lo-Dash _.forEach(collection [, callback=identity, thisArg]) Aliases each Arguments collection (Arr...
閱讀 490·2023-04-25 23:00
閱讀 3510·2021-11-22 13:54
閱讀 1933·2021-10-27 14:14
閱讀 1504·2019-08-30 13:59
閱讀 3529·2019-08-23 16:15
閱讀 1980·2019-08-23 16:06
閱讀 3359·2019-08-23 15:26
閱讀 1281·2019-08-23 13:48
