lodash源码分析之数据类型获取的兼容性

avwu 发布于2019-08-23 12:07 / 1530人阅读

摘要：实例中构造函数的获取每个实例中都包含一个的属性，这个属性指向的是实例的构造函数，在获取到这个构造函数后，就可以调用它的方法，然后就可以比较了。

焦虑和恐惧的区别是，恐惧是对世界上的存在的恐惧，而焦虑是在"我"面前的焦虑。

——萨特《存在与虚无》

本文为读 lodash 源码的第十九篇，后续文章会更新到这个仓库中，欢迎 star：pocket-lodash

gitbook也会同步仓库的更新，gitbook地址：pocket-lodash

前言

在前文《lodash源码分析之获取数据类型》已经解释了获取数据类型的方法，但是在有些环境下，一些 es6 新增的对象获取到的类型都为 [object Object] ，这样就没办法做细致的区分。例如在 IE11 中，通过 Object.prototype.toString 获取到的 DataView 对象类型为 [object Object]。因此在 getTag 中，lodash 针对这些对象做了一些兼容性的事情。

依赖

import baseGetTag from "./baseGetTag.js"

《lodash源码分析之获取数据类型》

源码分析

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. */
const dataViewCtorString = `${DataView}`
const mapCtorString = `${Map}`
const promiseCtorString = `${Promise}`
const setCtorString = `${Set}`
const weakMapCtorString = `${WeakMap}`

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)) {
  getTag = (value) => {
    const result = baseGetTag(value)
    const Ctor = result == objectTag ? value.constructor : undefined
    const ctorString = Ctor ? `${Ctor}` : ""

    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
  }
}

getTag 的源码很简单，处理的是 DataView、Map、Set、Promise、WeakMap 等对象，下面就关键的几点说明一下。

函数的toString方法

const dataViewCtorString = `${DataView}`
const mapCtorString = `${Map}`
const promiseCtorString = `${Promise}`
const setCtorString = `${Set}`
const weakMapCtorString = `${WeakMap}`

我们都知道，DataView 这些其实都是构造函数，函数有 toString 的方法，调用后返回的是 function DataView() { [native code] } 这样的格式，因为其实例调用 Object.prototype.toString 在某些环境下返回的是 [object Object]，而构造函数的 toString 返回的字符串中，包含了构造函数名，可以通过这点来区分。

实例中构造函数的获取

 const Ctor = result == objectTag ? value.constructor : undefined
 const ctorString = Ctor ? `${Ctor}` : ""

每个实例中都包含一个 constructor 的属性，这个属性指向的是实例的构造函数，在获取到这个构造函数后，就可以调用它的 toString 方法，然后就可以比较了。

Promise.resolve

getTag(Promise.resolve()) != promiseTag

在条件判断时，使用了 Promise.resolve() ，这样使用的目的是获取到 promise 对象，因为 Promise 是一个函数函数，如果直接调用 Object.prototype.toString，返回的是 [object Function]。

License

署名-非商业性使用-禁止演绎 4.0 国际 (CC BY-NC-ND 4.0)

最后，所有文章都会同步发送到微信公众号上，欢迎关注,欢迎提意见：

作者：对角另一面

云服务器 GPU云服务器 js获取数据的类型的数据 js获取数据的类型 JS的获取数据类型 js 获取文件的类型数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97949.html

lodash源码分析之获取数据类型

摘要：规范对类型的判断进行了细化，前步可以看成跟的作用一样，获取到数据的类型，但是第步调用了的方法，如果再看规范的描述，可以知道这个其实是对象中的属性，如果这个属性返回的是一个字符串，则采用这个返回值作为数据的类型，否则才采用。所有的悲伤，总会留下一丝欢乐的线索，所有的遗憾，总会留下一处完美的角落，我在冰峰的深海，寻找希望的缺口，却在惊醒时，瞥见绝美的阳光！——几米本文为读 lodas...

huangjinnan 2019-08-22 16:03 评论0 收藏0
lodash源码分析之isArguments

摘要：卡尔维诺烟云本文为读源码的第二十一篇，后续文章会更新到这个仓库中，欢迎也会同步仓库的更新，地址依赖源码分析之数据类型获取的兼容性源码分析之源码分析用来判断某个值是否为类对象。如果某个值为类对象使用判断，并且调用返回的值为时，则为类对象。有人命中注定要过平庸的生活，默默无闻，因为他们经历了痛苦或不幸；有人却故意这样做，那是因为他们得到的幸福超过了他们的承受能力。——卡尔维诺《烟云》 ...

_Dreams 2019-08-23 13:02 评论0 收藏0
lodash源码分析之缓存方式的选择

摘要：接口设计同样实现了跟一致的数据管理接口，如下依赖源码分析之缓存源码分析之缓存源码分析是否使用这个函数用来判断是否使用缓存。返回表示使用缓存，返回则使用或者缓存。获取对应缓存方式的实例这个函数根据来获取储存了该的缓存实例。每个人心里都有一团火，路过的人只看到烟。——《至爱梵高·星空之谜》本文为读 lodash 源码的第八篇，后续文章会更新到这个仓库中，欢迎 star：pocket-...

HitenDev 2019-08-06 13:27 评论0 收藏0
lodash源码分析之缓存方式的选择

摘要：接口设计同样实现了跟一致的数据管理接口，如下依赖源码分析之缓存源码分析之缓存源码分析是否使用这个函数用来判断是否使用缓存。返回表示使用缓存，返回则使用或者缓存。获取对应缓存方式的实例这个函数根据来获取储存了该的缓存实例。每个人心里都有一团火，路过的人只看到烟。——《至爱梵高·星空之谜》本文为读 lodash 源码的第八篇，后续文章会更新到这个仓库中，欢迎 star：pocket-...

AdolphLWQ 2019-08-22 13:57 评论0 收藏0
lodash源码分析之List缓存

摘要：在之前的文章中已经介绍过，检测的是对应的数组在二维数组中的索引，其行为跟一致，不存在于二维数组中时，返回，否则返回索引值。最后将缓存数量减少。昨日我沿着河岸/漫步到/芦苇弯腰喝水的地方顺便请烟囱/在天空为我写一封长长的信潦是潦草了些/而我的心意/则明亮亦如你窗前的烛光/稍有暧昧之处/势所难免/因为风的缘故 ——洛夫《因为风的缘故》本文为读 lodash 源码的第七篇，后续文章会...

leon 2019-08-06 13:28 评论0 收藏0