Underscore.js 源碼學(xué)習(xí)

簡(jiǎn)介

underscore.js作為一個(gè)優(yōu)秀的JavaScript工具庫(kù)掉冶,提供了很多使用的功能汤锨,同時(shí)考慮了瀏覽器的兼容性,并且代碼加上注釋只有2K行凌蔬,很利于閱讀和學(xué)習(xí)。
使用版本:
_.VERSION = '1.8.3';

1 基礎(chǔ)

1.1 立即執(zhí)行函數(shù)

(function() {
  ...
}());

underscore.js的文件整體用一個(gè)立即執(zhí)行函數(shù)包裹闯冷,防止其內(nèi)部和其他代碼之間的相互污染砂心。

1.2 獲取全局命名空間

1.3 使用變量保存常用函數(shù)

  var push = ArrayProto.push,
      slice = ArrayProto.slice,
      toString = ObjProto.toString,
      hasOwnProperty = ObjProto.hasOwnProperty;

因?yàn)樵谶M(jìn)行壓縮代碼的時(shí)候,push,slice等可以被替換為a,b等蛇耀,而ArrayProto.push無(wú)法壓縮辩诞。

1.4 兼容Object.create

var Ctor = function() {}
var baseCreate = function(prototype) {
  if (!_.isObject(prototype)) return {};
  if (nativeCreate) return nativeCreate(prototype);
  Ctor.prototype = prototype;
  var result = new Ctor;
  Ctor.prototype = null;
  return result;
};

如果當(dāng)前環(huán)境不存在Object.create(),則用baseCreate代替纺涤。
因?yàn)?code>Object.create(obj)是創(chuàng)建一個(gè)空的對(duì)象译暂,使它的__porto__指向obj,所以要用一個(gè)暫時(shí)的類(lèi)Ctor來(lái)實(shí)現(xiàn)撩炊。

1.5 回調(diào)函數(shù)封裝

2 函數(shù)處理相關(guān)

2.1 debounce

_.debounce(function, wait, [immediate])
function最后一次調(diào)用后外永,再等待wait時(shí)間后,再執(zhí)行最后一次函數(shù)拧咳。
如果immediatetrue伯顶,會(huì)在調(diào)用_.debounce(function, wait, [immediate])時(shí),立即執(zhí)行一次,并且wait時(shí)間內(nèi)不會(huì)再執(zhí)行祭衩。
原理:
每次調(diào)用函數(shù)時(shí)灶体,先clearTimeout(timeout),清除wait時(shí)間內(nèi)上次的函數(shù)調(diào)用
再執(zhí)行timeout(func,wait)汪厨。
如果immediate為true赃春,會(huì)馬上執(zhí)行一次,并且用一個(gè)空的func占位劫乱,timeout(func,wait)函數(shù)织中,保證wait時(shí)間內(nèi)不會(huì)執(zhí)行第二次。

3. 判斷變量類(lèi)型相關(guān)

3.1 isArray

如果存在es5以上支持的Array.isArray則用Array.isArray,否則通過(guò)調(diào)用Object.prototype.toString.call(array)來(lái)實(shí)現(xiàn)

var isArray = Array.isArray || function (obj) {
  return Object.prototype.toString.call(array) === '[object Array]'
}

3.2 isFunction

最好用的方法是type of obj == 'function' || false衷戈,注意IE8因?yàn)橛衎ug狭吼,
type of obj == 'function' obj為object的時(shí)候,也會(huì)判斷為true殖妇,所以用這種方式修復(fù)了bug刁笙。

var nodelist = root.document && root.document.childNodes;
if (typeof /./ != 'function' && typeof Int8Array != 'object' && typeof nodelist != 'function') {
  _.isFunction = function (obj) {
      return typeof obj == 'function' || false;
  };
}

3.3 isObject

obj為函數(shù)/對(duì)象的時(shí)候,都是object谦趣,此外因?yàn)?code>type of null = 'object'疲吸,所以去除了為null`的情況。

_.isObject = function (obj) {
  var type = typeof obj
  return type === 'function' || type === 'object' && !!object
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末前鹅,一起剝皮案震驚了整個(gè)濱河市摘悴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌舰绘,老刑警劉巖蹂喻,帶你破解...
    沈念sama閱讀 221,888評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異捂寿,居然都是意外死亡口四,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)秦陋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蔓彩,“玉大人,你說(shuō)我怎么就攤上這事驳概》嘈。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,386評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵抡句,是天一觀的道長(zhǎng)探膊。 經(jīng)常有香客問(wèn)我,道長(zhǎng)待榔,這世上最難降的妖魔是什么逞壁? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,726評(píng)論 1 297
  • 正文 為了忘掉前任流济,我火速辦了婚禮,結(jié)果婚禮上腌闯,老公的妹妹穿的比我還像新娘绳瘟。我一直安慰自己,他們只是感情好姿骏,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布糖声。 她就那樣靜靜地躺著,像睡著了一般分瘦。 火紅的嫁衣襯著肌膚如雪蘸泻。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,337評(píng)論 1 310
  • 那天嘲玫,我揣著相機(jī)與錄音悦施,去河邊找鬼。 笑死去团,一個(gè)胖子當(dāng)著我的面吹牛抡诞,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播土陪,決...
    沈念sama閱讀 40,902評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼昼汗,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了鬼雀?” 一聲冷哼從身側(cè)響起顷窒,我...
    開(kāi)封第一講書(shū)人閱讀 39,807評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎取刃,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體出刷,經(jīng)...
    沈念sama閱讀 46,349評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡璧疗,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了馁龟。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片崩侠。...
    茶點(diǎn)故事閱讀 40,567評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖坷檩,靈堂內(nèi)的尸體忽然破棺而出却音,到底是詐尸還是另有隱情,我是刑警寧澤矢炼,帶...
    沈念sama閱讀 36,242評(píng)論 5 350
  • 正文 年R本政府宣布系瓢,位于F島的核電站,受9級(jí)特大地震影響句灌,放射性物質(zhì)發(fā)生泄漏夷陋。R本人自食惡果不足惜欠拾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望骗绕。 院中可真熱鬧藐窄,春花似錦、人聲如沸酬土。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,420評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)撤缴。三九已至刹枉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間腹泌,已是汗流浹背嘶卧。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,531評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留凉袱,地道東北人芥吟。 一個(gè)月前我還...
    沈念sama閱讀 48,995評(píng)論 3 377
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像专甩,于是被迫代替她去往敵國(guó)和親钟鸵。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評(píng)論 2 359

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