lodash源碼分析之數據類型獲取的兼容性

avwu 發布于2019-08-23 12:07 / 1571人閱讀

摘要：實例中構造函數的獲取每個實例中都包含一個的屬性，這個屬性指向的是實例的構造函數，在獲取到這個構造函數后，就可以調用它的方法，然后就可以比較了。

焦慮和恐懼的區別是，恐懼是對世界上的存在的恐懼，而焦慮是在"我"面前的焦慮。

——薩特《存在與虛無》

本文為讀 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 獲取文件的類型數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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