js的四種類型檢測(cè)方法及根據(jù)jquery寫的工具方法是什么

小編給大家分享一下js的四種類型檢測(cè)方法及根據(jù)jquery寫的工具方法是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

基本數(shù)據(jù)類型: String , Boolean , undefined , null , Number , Symbol , BigInt
      引用數(shù)據(jù)類型: Object , Array , RegExp ......

我們今天講的檢測(cè)類型有以下四種以及最后根據(jù)jquery寫出來的更為方便的工具方法：

• typeof  [重點(diǎn)]

• instanceof

• constructor

• Object.prototype.toString.call [重點(diǎn)]

typeof

1 . 基本內(nèi)容

• 定義

  : 能夠檢測(cè)基本類型的運(yùn)算符

• 語法

  : typeof [value]

• 返回值

  : [“string”、“number”、“boolean”、“undefined”、“object”、“function”、“symbol”、“bigint”]

結(jié)果如圖所示 :

2 . 缺陷與不足

雖然看上面似乎typeof非常好用，但是我們一般都曉得好用的東西總會(huì)少不了一定的缺陷，就如人也無法十 全十美

• 1 . typeof檢測(cè)基本類型基本完美，但是引用類型可以說原地爆炸,例如

  數(shù)組對(duì)象 ，正則對(duì)象 ，new出來的數(shù)字對(duì)象...... 全部返回的是  字符串形式的Object

• 2 . 如

  NaN / Infinity

  均為 “number”
• 3 .

  typeof null 為 "object"

結(jié)果如圖所示 ：

3.常用場(chǎng)景

let x = {};
if（x != null && typeof x === "object"）{
	判斷是否是對(duì)象，由于typeof null也是返回object，因此要排除它
}復(fù)制代碼

instanceof

1 . 基本內(nèi)容

• 定義

  : 用于檢測(cè)構(gòu)造函數(shù)的 prototype 屬性是否出現(xiàn)在某個(gè)實(shí)例對(duì)象的原型鏈上。

• 語法

  : object instanceof constructor

• 返回值

  : 布爾值

結(jié)果如圖所示 :

[注] {}會(huì)在這里當(dāng)成一個(gè)代碼塊，因此第一行報(bào)錯(cuò)

2 . 缺陷與不足

• 1 . 無法檢測(cè)基本類型，返回的都是false ，只能檢測(cè)引用類型
• 2 . 由于instanceof是根據(jù)原型來檢測(cè)類型的，返回值也是布爾類型，因此無法直觀的看出數(shù)據(jù)類型
• 3 . 因?yàn)樵涂梢愿?，有時(shí)候利用instanceof來判斷不一定十分準(zhǔn)確

結(jié)果如圖所示 ：

constructor

1 . 基本內(nèi)容

• 定義

  : 通過構(gòu)造器來判斷類型。

• 語法

  : target.constructor == "類型名字"

結(jié)果如圖所示 :

2 . 缺陷與不足

• 1 . 原理基本和instanceof一樣，都是根據(jù)原型判斷

Object.prototype.toString.call()

1 . 基本內(nèi)容

• 定義

  : 返回一個(gè)表示該對(duì)象的字符串。

• 語法

  : Object.prototype.toString.call(params)

• 返回值

  : "[object 類型]"

結(jié)果如圖所示 :

2 . 基本原理

Object.prototype.toString.call()中“[object 類型]”返回的值是由Symbol.toStringTag決定

如圖所示：

根據(jù)jquery寫出的判斷方法

1.代碼實(shí)現(xiàn)

var class2type = {};
["Boolean","Number","String","Function","Array","Date","RegExp","Object","Error","Symbol","BigInt","GeneratorFunction"].forEach(item=>{
    class2type["[object "+item+"]"] = item.toLowerCase();
})
function toType(obj){
      if(obj==null){
        return obj+'';
      }
      return typeof obj === "object" || typeof obj === "function" ?
              class2type[toString.call(obj)] || "object" : typeof obj;
}

以上是js的四種類型檢測(cè)方法及根據(jù)jquery寫的工具方法是什么的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！