js的四种类型检测方法及根据jquery写的工具方法是什么-创新互联

小编给大家分享一下js的四种类型检测方法及根据jquery写的工具方法是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名、虚拟空间、营销软件、网站建设、红河哈尼网站维护、网站推广。

基本数据类型: String , Boolean , undefined , null , Number , Symbol , BigInt
      引用数据类型: Object , Array , RegExp ......

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

  • typeof  [重点]

  • instanceof

  • constructor

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

typeof

1 . 基本内容

  • 定义

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

    : typeof [value]
  • 返回值

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

结果如图所示 :

js的四种类型检测方法及根据jquery写的工具方法是什么

2 . 缺陷与不足

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

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

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

  • 2 . 如

    NaN / Infinity

    均为 “number”
  • 3 .

    typeof null 为 "object"

结果如图所示 :

js的四种类型检测方法及根据jquery写的工具方法是什么

3.常用场景

let x = {};
if(x != null && typeof x === "object"){
	判断是否是对象,由于typeof null也是返回object,因此要排除它
}复制代码

instanceof

1 . 基本内容

  • 定义

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

    : object instanceof constructor
  • 返回值

    : 布尔值

结果如图所示 :

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

js的四种类型检测方法及根据jquery写的工具方法是什么

2 . 缺陷与不足

  • 1 . 无法检测基本类型,返回的都是false ,只能检测引用类型
  • 2 . 由于instanceof是根据原型来检测类型的,返回值也是布尔类型,因此无法直观的看出数据类型
  • 3 . 因为原型可以更改,有时候利用instanceof来判断不一定十分准确

结果如图所示 :

js的四种类型检测方法及根据jquery写的工具方法是什么

constructor

1 . 基本内容

  • 定义

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

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

结果如图所示 :

js的四种类型检测方法及根据jquery写的工具方法是什么

2 . 缺陷与不足

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

Object.prototype.toString.call()

1 . 基本内容

  • 定义

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

    : Object.prototype.toString.call(params)
  • 返回值

    : "[object 类型]"

结果如图所示 :

js的四种类型检测方法及根据jquery写的工具方法是什么

2 . 基本原理

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

如图所示:

js的四种类型检测方法及根据jquery写的工具方法是什么

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

以上是js的四种类型检测方法及根据jquery写的工具方法是什么的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前题目:js的四种类型检测方法及根据jquery写的工具方法是什么-创新互联
网站URL:http://myzitong.com/article/ddgspj.html