介绍js的四种类型检测方法及根据jquery写的工具方法

Javascript栏目检测方法及根据jquery写的工具方法。

引用数据类型: Object , Array , RegExp ......

我们今天讲的检测类型有以下四种以及最后根据jquery写出来的更为方便的工具方法：

• typeof [重点]

• instanceof

• constructor

• Object.prototype.toString.call [重点]

typeof

1 . 基本内容

• 定义

  : 能够检测基本类型的运算符

• 语法

  : typeof [value]

• 返回值

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

结果如图所示 :

2 . 缺陷与不足

虽然看上面似乎typeof非常好用，但是我们一般都晓得好用的东西总会少不了一定的缺陷，就如人也无法十 全十美

• 1 . typeof检测基本类型基本完美，但是引用类型可以说原地爆炸,例如

  数组对象 ，正则对象 ，new出来的数字对象...... 全部返回的是 字符串形式的Object

• 2 . 如

  NaN / Infinity

  均为 “number”
• 3 .

  typeof null 为 "object"

结果如图所示 ：

3.常用场景

let x = {};
if（x != null && typeof x === "object"）{
	判断是否是对象，由于typeof null也是返回object，因此要排除它
} 

instanceof

1 . 基本内容

• 定义

  : 用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

• 语法

  : object instanceof constructor

• 返回值

  : 布尔值

结果如图所示 :

[注] {}会在这里当成一个代码块，因此第一行报错

constructor

1 . 基本内容

• 定义

  : 通过构造器来判断类型。

• 语法

  : target.cOnstructor== "类型名字"

结果如图所示 :

2 . 缺陷与不足

• 1 . 原理基本和instanceof一样，都是根据原型判断

Object.prototype.toString.call()

1 . 基本内容

• 定义

  : 返回一个表示该对象的字符串。

• 语法

  : Object.prototype.toString.call(params)

• 返回值

  : "[object 类型]"

结果如图所示 :

根据jquery写出的判断方法

1.代码实现

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+&＃39;&＃39;;
      }
      return typeof obj === "object" || typeof obj === "function" ?
              class2type[toString.call(obj)] || "object" : typeof obj;
} 

最后，由于第一次写文章，有些紧张，如有写的不好之处请指出来，作者会继续努力写文章总结，一起加油！打工人！！！

相关免费学习推荐：Javascript（视频）

以上就是介绍js的四种类型检测方法及根据jquery写的工具方法的详细内容，更多请关注 第一PHP社区 其它相关文章！