lodash中判断数据类型的方法


lodash库中判断数据类型涉及两个方法,getTag和baseGetTag,下面是baseGetTag:

const objectProto = Object.prototype
const hasOwnProperty = objectProto.hasOwnProperty//Object.prototype.hasOwnProperty
const toString = objectProto.toString//Object.prototype.toString
const symToStringTag = typeof Symbol != 'undefined' ? Symbol.toStringTag : undefined
//当前环境是否支持Symbol然后获取对应的Symbol.toStringTag

/**
 * The base implementation of `getTag` without fallbacks for buggy environments.
 *
 * @private
 * @param {*} value The value to query.
 * @returns {string} Returns the `toStringTag`.
 */
function baseGetTag(value) {
  if (value == null) {//如果值是undefined和null返回对应tag
    return value === undefined ? '[object Undefined]' : '[object Null]'
  }
  if (!(symToStringTag && symToStringTag in Object(value))) {
    //如果不支持Symbol或者value值上面没有Symbol.toStringTag属性,直接返回Object.prototype.toString调用后的值
    return toString.call(value)
  }
  const isOwn = hasOwnProperty.call(value, symToStringTag)//value自身是否有Symbol.toStringTag属性
  const tag = value[symToStringTag]//存下value上的Symbol.toStringTag属性
  let unmasked = false//将value自身上的Symbol.toStringTag属性重置为undefined是否成功
  try {//尝试将value自身上的Symbol.toStringTag属性重置为空
    value[symToStringTag] = undefined
    unmasked = true
  } catch (e) {}

  const result = toString.call(value)
  //value自身Symbol.toStringTag属性置空后获取toString处理后的tag
  if (unmasked) {//如果Symbol.toStringTag属性置空成功,再将Symbol.toStringTag属性变回原样
    if (isOwn) {
      value[symToStringTag] = tag
    } else {
      delete value[symToStringTag]
    }
  }
  return result
}

export default baseGetTag

下面是getTag:

import baseGetTag from './baseGetTag.js'

/** `Object#toString` result references. */
//Dateview,Map,Promise,Set,WeakMap这几种类型和Object应该返回的类型tag
const dataViewTag = '[object DataView]'
const mapTag = '[object Map]'
const objectTag = '[object Object]'
const promiseTag = '[object Promise]'
const setTag = '[object Set]'
const weakMapTag = '[object WeakMap]'

/** Used to detect maps, sets, and weakmaps. */
//Dateview,Map,Promise,Set,WeakMap这几种类型的构造函数属性返回的字符串
const dataViewCtorString = `${DataView}`
const mapCtorString = `${Map}`
const promiseCtorString = `${Promise}`
const setCtorString = `${Set}`
const weakMapCtorString = `${WeakMap}`

/**
 * Gets the `toStringTag` of `value`.
 *
 * @private
 * @param {*} value The value to query.
 * @returns {string} Returns the `toStringTag`.
 */
let getTag = baseGetTag

// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||
    (getTag(new Map) != mapTag) ||
    (getTag(Promise.resolve()) != promiseTag) ||
    (getTag(new Set) != setTag) ||
    (getTag(new WeakMap) != weakMapTag)) {//如果在某些环境下无法判断这5种类型,就做一下兼容处理
  getTag = (value) => {
    const result = baseGetTag(value)
    const Ctor = result == objectTag ? value.constructor : undefined
    const ctorString = Ctor ? `${Ctor}` : ''
    //获取值的constructor构造函数属性,如果获取到了就返回对应的tag,如果获取不到就返回原始toString值
    if (ctorString) {
      switch (ctorString) {
        case dataViewCtorString: return dataViewTag
        case mapCtorString: return mapTag
        case promiseCtorString: return promiseTag
        case setCtorString: return setTag
        case weakMapCtorString: return weakMapTag
      }
    }
    return result
  }
}

export default getTag

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM