摘要：規(guī)范對類型的判斷進(jìn)行了細(xì)化，前步可以看成跟的作用一樣，獲取到數(shù)據(jù)的類型，但是第步調(diào)用了的方法，如果再看規(guī)范的描述，可以知道這個其實(shí)是對象中的屬性，如果這個屬性返回的是一個字符串，則采用這個返回值作為數(shù)據(jù)的類型，否則才采用。

所有的悲傷，總會留下一絲歡樂的線索，所有的遺憾，總會留下一處完美的角落，我在冰峰的深海，尋找希望的缺口，卻在驚醒時，瞥見絕美的陽光！
——幾米

本文為讀 lodash 源碼的第十八篇，后續(xù)文章會更新到這個倉庫中，歡迎 star：pocket-lodash

gitbook也會同步倉庫的更新，gitbook地址：pocket-lodash

我們都知道，可以借用 Object 原型上的 toString 方法來獲取數(shù)據(jù)的類型。 baseGetTag 利用的也是這一特性，其返回的結(jié)果如 [object String] 這樣的形式，調(diào)用方式如下：

baseGetTag("string") // [object String] 

先看 es5 規(guī)范對 Object.prototyep.toString 的運(yùn)行步驟規(guī)定：

當(dāng)調(diào)用 toString 方法，采用如下步驟：

如果 this 的值是 undefined, 返回 "[object Undefined]".
如果 this 的值是 null, 返回 "[object Null]".
令 O 為以 this 作為參數(shù)調(diào)用 ToObject 的結(jié)果 .
令 class 為 O 的 [[Class]] 內(nèi)部屬性的值 .
返回三個字符串 "[object ", class, and "]" 連起來的字符串 .

在第三步的時候，會調(diào)用 ToObject 來轉(zhuǎn)換成對象，而轉(zhuǎn)換成對象后，會有個 [[Class]] 的內(nèi)部屬性，而這個內(nèi)部屬性的值正是 toString 的關(guān)鍵部分。

接下來再看規(guī)范對 [[Class]] 的規(guī)定：

本規(guī)范的每種內(nèi)置對象都定義了 [[Class]] 內(nèi)部屬性的值。宿主對象的 [[Class]] 內(nèi)部屬性的值可以是除了 "Arguments", "Array", "Boolean", "Date", "Error", "Function", "JSON", "Math", "Number", "Object", "RegExp", "String" 的任何字符串。[[Class]] 內(nèi)部屬性的值用于內(nèi)部區(qū)分對象的種類。注，本規(guī)范中除了通過 Object.prototype.toString ( 見 15.2.4.2) 沒有提供任何手段使程序訪問此值。

由規(guī)范可見，要獲取這個 [[Class]] 內(nèi)部屬性的值的唯一手段是通過 Object.prototype.toString 。

源碼如下：

const objectProto = Object.prototype
const hasOwnProperty = objectProto.hasOwnProperty
const toString = objectProto.toString
const symToStringTag = typeof Symbol != "undefined" ? Symbol.toStringTag : undefined

function baseGetTag(value) {
  if (value == null) {
    return value === undefined ? "[object Undefined]" : "[object Null]"
  }
  if (!(symToStringTag && symToStringTag in Object(value))) {
    return toString.call(value)
  }
  const isOwn = hasOwnProperty.call(value, symToStringTag)
  const tag = value[symToStringTag]
  let unmasked = false
  try {
    value[symToStringTag] = undefined
    unmasked = true
  } catch (e) {}

  const result = toString.call(value)
  if (unmasked) {
    if (isOwn) {
      value[symToStringTag] = tag
    } else {
      delete value[symToStringTag]
    }
  }
  return result
}

export default baseGetTag

在 ES6 中，規(guī)范對 Object.prototype.toString 的步驟進(jìn)行了重新定義，不再使用 [[Class]] 的內(nèi)部屬性進(jìn)行獲取，具體的規(guī)范如下:

在ES6，調(diào)用 Object.prototype.toString 時，會進(jìn)行如下步驟：

如果 this 是 undefined ，返回 "[object Undefined]" ;
如果 this 是 null , 返回 "[object Null]" ；
令 O 為以 this 作為參數(shù)調(diào)用 ToObject 的結(jié)果；
令 isArray 為 IsArray(O) ；

ReturnIfAbrupt(isArray) （如果 isArray 不是一個正常值，比如拋出一個錯誤，中斷執(zhí)行）；
如果 isArray 為 true ， 令 builtinTag 為 "Array" ;

else ，如果 O is an exotic String object ， 令 builtinTag 為 "String" ；

else ，如果 O 含有 [[ParameterMap]] internal slot, ， 令 builtinTag 為 "Arguments" ；

else ，如果 O 含有 [[Call]] internal method ， 令 builtinTag 為 Function ；

else ，如果 O 含有 [[ErrorData]] internal slot ， 令 builtinTag 為 Error ；

else ，如果 O 含有 [[BooleanData]] internal slot ， 令 builtinTag 為 Boolean ；

else ，如果 O 含有 [[NumberData]] internal slot ， 令 builtinTag 為 Number ；

else ，如果 O 含有 [[DateValue]] internal slot ， 令 builtinTag 為 Date ；

else ，如果 O 含有 [[RegExpMatcher]] internal slot ， 令 builtinTag 為 RegExp ；

else ， 令 builtinTag 為 Object ；
令 tag 為 Get(O, @@toStringTag) 的返回值（ Get(O, @@toStringTag) 方法，既是在 O 是一個對象，并且具有 @@toStringTag 屬性時，返回 O[Symbol.toStringTag] ）；

ReturnIfAbrupt(tag) ，如果 tag 是正常值，繼續(xù)執(zhí)行下一步；
如果 Type(tag) 不是一個字符串，let tag be builtinTag ；
返回由三個字符串 "[object", tag, and "]" 拼接而成的一個字符串。

規(guī)范對類型的判斷進(jìn)行了細(xì)化，前15步可以看成跟 es5 的作用一樣，獲取到數(shù)據(jù)的類型 builtinTag ，但是第16步調(diào)用了 @@toStringTag 的方法，如果再看規(guī)范的描述，可以知道這個其實(shí)是對象中的 Symbol.toStringTag 屬性，如果這個屬性返回的是一個字符串，則采用這個返回值 tag 作為數(shù)據(jù)的類型，否則才采用 builtinTag 。

if (value == null) {
  return value === undefined ? "[object Undefined]" : "[object Null]"
}

這里是處理瀏覽器兼容性，在 es5 之前，并沒有對 null 和 undefined 進(jìn)行處理，所以返回的都是 [object Object] 。

if (!(symToStringTag && symToStringTag in Object(value))) {
   return toString.call(value)
}

如果瀏覽器不支持 Symbol 或者 value 并不存在 Symbol.toStringTag 的方法，則可以直接調(diào)用 toString ，將結(jié)果返回了。

const isOwn = hasOwnProperty.call(value, symToStringTag)
const tag = value[symToStringTag]
let unmasked = false
try {
  value[symToStringTag] = undefined
  unmasked = true
} catch (e) {}

const result = toString.call(value)
if (unmasked) {
  if (isOwn) {
    value[symToStringTag] = tag
  } else {
    delete value[symToStringTag]
 }
}

為了避免 Symbol.toStringTag 的影響，先將 value 的 Symbol.toStringTag 設(shè)置為 undefined ，這樣可以屏蔽掉原型鏈上的 Symbol.toStringTag 屬性，然后再使用 toString 方法獲取到 value 的屬性描述。

在獲取到屬性描述后，如果 Symbol.toStringTag 為自身的屬性（不為原型鏈上的屬性），則將原來保存下來的 tag 重新賦值，否則將 Symbol.toStringTag 屬性移除。

es5規(guī)范中文版

Standard ECMA-262

MDN:Symbol.toStringTag

ECMAScript 6 入門

談?wù)?Object.prototype.toString 。

署名-非商業(yè)性使用-禁止演繹 4.0 國際 (CC BY-NC-ND 4.0)

最后，所有文章都會同步發(fā)送到微信公眾號上，歡迎關(guān)注,歡迎提意見：

作者：對角另一面