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