lodash源碼之_.property

功能

建立一個返回給定對象的 path 的值的函數。

官網給的demo。

var objects = [
   { 'a': { 'b': 2 } },
  { 'a': { 'b': 1 } }
];
_.map(objects, _.property('a.b'));

// => [2,1]

由此能夠推斷，_.property('a.b')返回的是一個取出對象的a>b屬性的方法。

源碼

function property(path) {
  return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
}

isKey用來判斷是一個property name仍是property path

property path,lodash中定義了一個屬性路徑的概念，用來快速訪問對象屬性。 {a: {b: ['data']}}，但願訪問到data這個值，能夠經過 'a.b[0]'來訪問。

isKey

import isArray from './isArray.js';
import isSymbol from './isSymbol.js';
/** Used to match property names within property paths. */
var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
    reIsPlainProp = /^\w*$/;
function isKey(value, object) {
  if (isArray(value)) {
    return false;
  }
  var type = typeof value;
  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
      value == null || isSymbol(value)) {
    return true;
  }
  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
    (object != null && value in Object(object));
}

邏輯很簡單。

toKey

function toKey(value) {
  if (typeof value == 'string' || isSymbol(value)) {
    return value;
  }
  var result = (value + '');
  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
}

要注意的是Symbol類型提早返回。其它類型會轉換成字符串。

result == '0' && (1 / value) == -INFINITY

這裏用來區分0或者-0

baseProperty

function baseProperty(key) {
  return function(object) {
    return object == null ? undefined : object[key];
  };
}

該方法就更簡單了，對於沒有path property參數的，就執行該方法。 只是區傳入的object的制定屬性的值。

basePropertyDeep

function basePropertyDeep(path) {
  return function(object) {
    return baseGet(object, path);
  };
}

能夠去翻baseGet的源碼了。

function baseGet(object, path) {
  path = castPath(path, object);

  var index = 0,
      length = path.length;

  while (object != null && index < length) {
    object = object[toKey(path[index++])];
  }
  return (index && index == length) ? object : undefined;
}

簡單過一遍這個方法。就能肯定path返回的是property path的路徑數組。

while (object != null && index < length) {
    object = object[toKey(path[index++])];
  }

經過上邊的while循環一層層拿到目標值。