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

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：主機(jī)域名、虛擬空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、紅河哈尼網(wǎng)站維護(hù)、網(wǎng)站推廣。

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

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

• typeof  [重點(diǎn)]

• instanceof

• constructor

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

typeof

1 . 基本內(nèi)容

• 定義

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

• 語(yǔ)法

  : typeof [value]

• 返回值

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

結(jié)果如圖所示 :

2 . 缺陷與不足

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

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

  數(shù)組對(duì)象 ，正則對(duì)象 ，new出來(lái)的數(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ì)象的原型鏈上。

• 語(yǔ)法

  : object instanceof constructor

• 返回值

  : 布爾值

結(jié)果如圖所示 :

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

2 . 缺陷與不足

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

結(jié)果如圖所示 ：

constructor

1 . 基本內(nèi)容

• 定義

  : 通過(guò)構(gòu)造器來(lái)判斷類(lèi)型。

• 語(yǔ)法

  : target.constructor == "類(lèi)型名字"

結(jié)果如圖所示 :

2 . 缺陷與不足

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

Object.prototype.toString.call()

1 . 基本內(nèi)容

• 定義

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

• 語(yǔ)法

  : Object.prototype.toString.call(params)

• 返回值

  : "[object 類(lèi)型]"

結(jié)果如圖所示 :

2 . 基本原理

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

如圖所示：

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

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的四種類(lèi)型檢測(cè)方法及根據(jù)jquery寫(xiě)的工具方法是什么的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標(biāo)題：js的四種類(lèi)型檢測(cè)方法及根據(jù)jquery寫(xiě)的工具方法是什么-創(chuàng)新互聯(lián)
瀏覽路徑：http://weahome.cn/article/ddgspj.html