摘要：與之前的類似，利用構造函數創建的字符串是一個所以檢測字符串，除了基本字符串以外還要注意字符串對象。也就是說該對象由構造函數創建，或者為。

原文：https://fatge.github.io/2019/...
歡迎Star：https://github.com/FatGe/FatG...

JS 的基本數據類型有 Number，String，Boolean，Symbol，Null，Undefined，六種數據類型。一種引用類型 object。

數值，根據 ECMAScript 標準，JavaScript 中只有一種數字類型：基于 IEEE 754 標準的雙精度 64 位二進制格式的值（-(263 -1) 到 263 -1）。它并沒有為整數給出一種特定的類型。

除了能夠表示浮點數外，還有一些帶符號的值：+Infinity，-Infinity 和 NaN (非數值，Not-a-Number)。

對應 lodash 中的檢測函數有

isNumber 檢查 value 是否是原始 Number 數值型 或者 對象；

isInteger 檢查 value 是否為一個整數；

isNaN 檢測 value 是否為 NaN；

isFinite 檢測 value 是否是原始有限數值。

isNumber

function isNumber(value) {
  return typeof value == "number" ||
    (isObjectLike(value) && getTag(value) == "[object Number]")
}

typeof 操作符可以返回一個字符串，表示未經計算的操作數的類型。對于 Number、String、Boolean、Undefined、String 可以很明確的得到它的類型。

那么 lodash 為什么還要添加 (isObjectLike(value) && getTag(value) == "[object Number]")？

原因在于，JS 中也允許我們以如下形式創建一個數值

const value = new Number(1)
console.log(value) // log 1
console.log(typeof value) // log "object"

這時，單單只是使用 typeof 操作符就沒法判斷 value 的類型是否為數值。所以要結合以下兩個函數來判斷，value 是否為 object 然后再通過過 toString() 來獲取每個對象的類型。

function getTag(value) {
  if (value == null) {
    return value === undefined ? "[object Undefined]" : "[object Null]"
  }
  return Object.prototype.toString.call(value)  
}

function isObjectLike(value) {
  return typeof value == "object" && value !== null
}

Object.prototype.toString.call 每個對象都有一個toString()方法，當該對象被表示為一個文本值時，或者一個對象以預期的字符串方式引用時自動調用。

isInteger

function isInteger(value) {
    return 
        typeof value == "number" 
        && value == toInteger(value);
}

檢查 value 是否為一個整數，判斷是否 value 的類型是否為數值，并且是否與 Int 型相同。其取整過程如下

function toInteger(value) {
    var result = toFinite(value),
        remainder = result % 1;

    return result === result ? 
        (remainder ? result - remainder : result) : 0;
}

isNaN

檢查 value 是否是 NaN。

function isNaN(value) {
    return isNumber(value) && value != +value;
}

與 ES 2015 的 isNaN 不同的是，對于 undefined，{}，原生的結果是 true，而 lodash 為 false。這是因為如果isNaN函數的參數不是Number類型， isNaN函數會首先嘗試將這個參數轉換為數值，然后才會對轉換后的結果是否是NaN進行判斷。

// js native isNaN
var isNaN = function(value) {
    var n = Number(value);
    return n !== n;
};

但是無論是 ES 2015 還是 lodash，它們本質上都是利用 x != x 來判斷 NaN。

isFinite

檢查 value 是否是原始有限數值。

function isFinite(value) {
    return typeof value == "number" 
        && nativeIsFinite(value);
}

利用原生的 isFinite 結合 typeof 判斷數字是否為有限值。

String 類型用于表示由零或多個16 位Unicode 字符組成的字符序列，即字符串。用于保存可以以文本形式表示的數據非常有用。

值得注意的是，不單單要注意基本字符串，還需要注意字符串對象，字符串字面量 (通過單引號或雙引號定義) 和 直接調用 String 方法(沒有通過 new 生成字符串對象實例)的字符串都是基本字符串。

JavaScript會自動將基本字符串轉換為字符串對象，只有將基本字符串轉化為字符串對象之后才可以使用字符串對象的方法。

與之前的 number 類似，利用構造函數 String 創建的字符串是一個 object

const s_prim = "foo";
const s_obj = new String(s_prim);

console.log(typeof s_prim); // Logs "string"
console.log(typeof s_obj);  // Logs "object"

所以檢測字符串，除了基本字符串以外還要注意字符串對象。

function isString(value) {
  const type = typeof value
  return 
    type == "string" || 
        (type == "object" 
             && value != null 
             && !Array.isArray(value) 
             && getTag(value) == "[object String]")
}

可以利用 typeof 檢測基本字符串，對于模板字符串采用了之前介紹的方案 getTag 來獲取 value 的類型。

Boolean 類型是ECMAScript 中使用得最多的一種類型，該類型只有兩個字面值：true 和 false。同樣也需要區分基本的 Boolean 類型以及 Boolean 對象。

function isBoolean(value) {
  return 
    value === true || value === false ||
    (isObjectLike(value) 
     && getTag(value) == "[object Boolean]")
}

大部分在之前都已經涉及到了，這里出現了 isObjectLike，那么它是做什么的。

function isObjectLike(value) {
  return typeof value == "object" && value !== null
}

原來只是檢測是否是一個非 null 的對象。

ES6 引入了一種新的原始數據類型Symbol，表示獨一無二的值。Symbol 值通過Symbol函數生成。

function isSymbol(value) {
  const type = typeof value
  return type == "symbol" || 
      (isObjectLike(value) && 
       getTag(value) == "[object Symbol]")
}

會發現 (isObjectLike(value) && getTag(value) == "[object Symbol]")，也對 Symbol 對象進行檢測，但是如果直接 new Symbol 會 log 出 TypeError。

那么 lodash 為什么要對其進行檢測，原來是創建一個顯式包裝器對象從 ECMAScript 6 開始不再被支持，現在可以利用如下代碼來模擬，雖然沒什么用。

const sym = Symbol("foo");
typeof sym;     // "symbol"
const symObj = Object(sym);
typeof symObj;  // "object"

Undefined 類型只有一個值，即特殊的 undefined。在使用 let 或 var 聲明變量但未對其加以初始化時，這個變量的值就是 undefined。

function isUndefined(value) {
    return value === undefined;
}

Null 類型是只有一個值的數據類型，這個特殊的值是 null 。與 undefined 不同的是，它是一個字面量，而 undefined 是全局對象的一個屬性。

從邏輯角度來看，null 值表示一個空對象指針，null 是表示缺少的標識，指示變量未指向任何對象。而這也正是使用typeof 操作符檢測null 值時會返回"object"的原因。

對其的判斷也非常的簡單，只需要

function isNull(value) {
  return value === null
}

當然你也可以使用

console.log(Object.prototype.toString.call(null))
// [object Null]

以上是基本數據類型的判斷，總結一下，主要是利用 typeOf 以及 Object.prototype.toString ，還有一些特殊值的特性。下面開始分析引用類型 Object

引用類型的值（對象）是引用類型的一個實例。在ECMAScript 中，引用類型是一種數據結構，用于將數據和功能組織在一起。具體的有 Object 、Array、Date、Error、RegExp、Function，還有ES2015 引入 Set、Map、WeakSet、WeakMap。

ECMAScript 中的對象其實就是一組數據和功能的集合。它有一個很重要的用途，就是在 JavaScript 中的所有對象都來自 Object；所有對象從Object.prototype繼承方法和屬性，盡管它們可能被覆蓋。即在ECMAScript 中，Object 類型是所有它的實例的基礎。

所以 Lodash 去判斷 value 是否為 Object 時，只使用了 typeOf 操作即可。

function isObject(value) {
  const type = typeof value
  return value != null && 
      (type == "object" || type == "function")
}

Function 構造函數 創建一個新的Function對象。 在 JavaScript 中, 每個函數實際上都是一個Function對象。

function isFunction(value) {
  if (!isObject(value)) {
    return false
  }

  const tag = getTag(value)
  return tag == "[object Function]" || 
          tag == "[object AsyncFunction]" ||
        tag == "[object GeneratorFunction]" || 
          tag == "[object Proxy]"
}

有個問題，typeOf 可以檢測 Function對象的類型為 Function， 那為什么還需要 Object.prototype.toString 呢？

// in Safari 9 which returns "object" for typed arrays and other constructors.

Array 在 ECMAScript 中代表數組，它的每一項可以保存任何類型的數據。

對它的常規檢測就是 Array.isArray，Lodash 也是使用這個 API，如果需要 Polyfill 方案的話，可以使用

// plan 1
Object.prototype.toString.call(value) === "[object Array]"
// plan 2
value.constructor === Array

之前還有 value instanceof Array 會什么問題么？

在存在不同全局變量的環境，通過語義 instanceof 檢測數組的時候，value instanceof Array只有當 value 是由該頁面的原始 Array 構造函數創建的數組時才能正常工作。
具體請見，http://web.mit.edu/jwalden/ww...。

ECMAScript 中的 Date 類型是在早期Java 中的java.util.Date 類基礎上構建的。

const nodeIsDate = nodeTypes && nodeTypes.isDate

const isDate = nodeIsDate
  ? (value) => nodeIsDate(value)
  : (value) => isObjectLike(value) && getTag(value) == "[object Date]"

Lodash 分為兩個環境來處理這個問題，如果是 Node 就利用 util.types.isDate(value) 來檢測，如果是在游覽器，就還是通過 Object.prototype.toString 來判斷。

ES2015 提供了新的數據結構 Set。它類似于數組，但是成員的值都是唯一的，沒有重復的值。

const isSet = nodeIsSet
  ? (value) => nodeIsSet(value)
  : (value) => isObjectLike(value) && getTag(value) == "[object Set]"

同樣的還有 Map

const isMap = nodeIsMap
  ? (value) => nodeIsMap(value)
  : (value) => isObjectLike(value) && getTag(value) == "[object Map]"

WeakSet 結構與 Set 類似，也是不重復的值的集合。但是，它與 Set 有兩個區別。

function isWeakSet(value) {
  return isObjectLike(value) && getTag(value) == "[object WeakSet]"
}

也是利用 Object.prototype.toString ，同樣還有 WeakMap

function isWeakMap(value) {
  return isObjectLike(value) && getTag(value) == "[object WeakMap]"
}

當運行時錯誤產生時，Error的實例對象會被拋出。

function isError(value) {
  if (!isObjectLike(value)) {
    return false
  }
    
  const tag = getTag(value)
  return tag == "[object Error]" || 
      tag == "[object DOMException]" ||
    (typeof value.message == "string" && typeof value.name == "string" && !isPlainObject(value))
}

有之前一致的 Object.prototype.toString 依然可以用來判斷對象是否是一個 Error，除此之外，如果對象滿足以下條件，也可以被視為一個 Error

具備 message、name 屬性，且值為 string；

是普通對象。 也就是說該對象由 Object 構造函數創建，或者 [[Prototype]] 為 null 。

那么如何檢測普通對象呢?

function isPlainObject(value) {
  if (!isObjectLike(value) || getTag(value) != "[object Object]") {
    return false
  }
  if (Object.getPrototypeOf(value) === null) {
    return true
  }
  let proto = value
  while (Object.getPrototypeOf(proto) !== null) {
    proto = Object.getPrototypeOf(proto)
  }
  return Object.getPrototypeOf(value) === proto
}

主要是利用 Object.getPrototypeOf() 方法返回指定對象的原型（內部[[Prototype]]屬性的值），同時和 value 本身的 [[Prototype]] 做判斷。