map與cb等方法源碼學(xué)習(xí)

map方法源碼

_.map = _.collect = function(obj, iteratee, context) {
    //對回調(diào)函數(shù)綁定上下文
    iteratee = cb(iteratee, context);
    //將obj與array兩種情況巧妙的結(jié)合在一起,用&&操作符簡化寫法
    var keys = !isArrayLike(obj) && _.keys(obj),
        length = (keys || obj).length,
        results = Array(length);
    for (var index = 0; index < length; index++) {
      var currentKey = keys ? keys[index] : index;
      results[index] = iteratee(obj[currentKey], currentKey, obj);
    }
    return results;
  };

cb方法

  var builtinIteratee;
  //argCount參數(shù)用于optimizeCb方法內(nèi)部的判斷
  var cb = function(value, context, argCount) {
    //不清楚為什么要判斷
    if (_.iteratee !== builtinIteratee) return _.iteratee(value, context);
    //對迭代器的綁定做了三種情況的判斷
    //_.identity返回原值
    if (value == null) return _.identity;
    //是function則綁定上下文
    if (_.isFunction(value)) return optimizeCb(value, context, argCount);
    //是object則會返回一個isMatch方法满俗,可以判斷兩個對象的自身屬性是否匹配
    if (_.isObject(value) && !_.isArray(value)) return _.matcher(value);
    //不是以上三者转捕,則
    return _.property(value);
  };
  //iteratee方法只是cb的開放出的入口
  _.iteratee = builtinIteratee = function(value, context) {
    return cb(value, context, Infinity);
  };

optimizeCb方法

//主要是為了避免使用arguments,優(yōu)化性能唆垃。使用call而不是apply也是出于性能優(yōu)化的考慮
var optimizeCb = function(func, context, argCount) {
    if (context === void 0) return func;
    switch (argCount) {
      case 1: return function(value) {
        return func.call(context, value);
      };
      // The 2-parameter case has been omitted only because no current consumers
      // made use of it.
      case null:
      case 3: return function(value, index, collection) {
        return func.call(context, value, index, collection);
      };
      case 4: return function(accumulator, value, index, collection) {
        return func.call(context, accumulator, value, index, collection);
      };
    }
    return function() {
      return func.apply(context, arguments);
    };
  };

matcher方法

_.matcher = _.matches = function(attrs) {
    //extendOwn用于copy對象自身的屬性
    attrs = _.extendOwn({}, attrs);
    return function(obj) {
      return _.isMatch(obj, attrs);
    };
  };

isMatch方法

//比對兩個對象的屬性是否完全匹配
_.isMatch = function(object, attrs) {
    var keys = _.keys(attrs), length = keys.length;
    if (object == null) return !length;
    //確保得到一個對象
    var obj = Object(object);
    for (var i = 0; i < length; i++) {
      var key = keys[i];
      if (attrs[key] !== obj[key] || !(key in obj)) return false;
    }
    return true;
};

property方法

_.property = function(path) {
    if (!_.isArray(path)) {
      return shallowProperty(path);
    }
    return function(obj) {
      return deepGet(obj, path);
    };
  };

deepGet

var deepGet = function(obj, path) {
    var length = path.length;
    for (var i = 0; i < length; i++) {
      if (obj == null) return void 0;
      obj = obj[path[i]];
    }
    //在循環(huán)中判斷在前五芝,遞增在后,所以最后return時需要判斷
    return length ? obj : void 0;
  };

shallowProperty

var shallowProperty = function(key) {
    return function(obj) {
      return obj == null ? void 0 : obj[key];
    };
  };
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末降盹,一起剝皮案震驚了整個濱河市与柑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蓄坏,老刑警劉巖价捧,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異涡戳,居然都是意外死亡结蟋,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進(jìn)店門渔彰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來嵌屎,“玉大人,你說我怎么就攤上這事恍涂”Χ瑁” “怎么了?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵再沧,是天一觀的道長尼夺。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么淤堵? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任寝衫,我火速辦了婚禮,結(jié)果婚禮上拐邪,老公的妹妹穿的比我還像新娘慰毅。我一直安慰自己,他們只是感情好扎阶,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布汹胃。 她就那樣靜靜地躺著,像睡著了一般乘陪。 火紅的嫁衣襯著肌膚如雪统台。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天啡邑,我揣著相機(jī)與錄音贱勃,去河邊找鬼。 笑死谤逼,一個胖子當(dāng)著我的面吹牛贵扰,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播流部,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼戚绕,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了枝冀?” 一聲冷哼從身側(cè)響起舞丛,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎果漾,沒想到半個月后球切,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡绒障,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年吨凑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片户辱。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡鸵钝,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出庐镐,到底是詐尸還是另有隱情恩商,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布必逆,位于F島的核電站痕届,受9級特大地震影響韧献,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜研叫,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望璧针。 院中可真熱鬧嚷炉,春花似錦、人聲如沸探橱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽隧膏。三九已至哗讥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間胞枕,已是汗流浹背杆煞。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留腐泻,地道東北人决乎。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像派桩,于是被迫代替她去往敵國和親构诚。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

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

  • _.each 和 _.forEach 在 ES5 中铆惑,只能對數(shù)組對象進(jìn)行迭代范嘱,而 underscore 提供的...
    金華每文閱讀 559評論 0 0
  • java筆記第一天 == 和 equals ==比較的比較的是兩個變量的值是否相等,對于引用型變量表示的是兩個變量...
    jmychou閱讀 1,497評論 0 3
  • 轉(zhuǎn)至元數(shù)據(jù)結(jié)尾創(chuàng)建: 董瀟偉员魏,最新修改于: 十二月 23, 2016 轉(zhuǎn)至元數(shù)據(jù)起始第一章:isa和Class一....
    40c0490e5268閱讀 1,715評論 0 9
  • Set Set 是不包含重復(fù)值的列表丑蛤。常見的Set使用場景是檢查某個值是否存在. Set實例需要用new Set(...
    牙哥閱讀 386評論 0 0
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法逆趋,內(nèi)部類的語法盏阶,繼承相關(guān)的語法,異常的語法闻书,線程的語...
    子非魚_t_閱讀 31,631評論 18 399