美文网首页
四、js类型数据检测

四、js类型数据检测

作者: 你听cmy1994 | 来源:发表于2017-10-13 16:31 被阅读0次

1、typeof

typeof'';// string 有效

typeof1;// number 有效

typeofSymbol();// symbol 有效

typeoftrue;//boolean 有效

typeofundefined;//undefined 有效

typeofnull;//object 无效

typeof[] ;//object 无效

typeofnewFunction();// function 有效

typeofnewDate();//object 无效

typeofnewRegExp();//object 无效

对于基本类型,除 null 以外,均可以返回正确的结果。

对于引用类型,除 function 以外,一律返回 object 类型。

对于 null ,返回 object 类型。

对于 function 返回  function 类型。

2、instanceof

instanceof 是用来判断 A 是否为 B 的实例,表达式为:A instanceof B,如果 A 是 B 的实例,则返回 true,否则返回 false。

3、constructor

当一个函数 F被定义时,JS引擎会为F添加 prototype 原型,然后再在 prototype上添加一个 constructor 属性,并让其指向 F 的引用。如下所示:

细节问题:

null 和 undefined 是无效的对象,因此是不会有 constructor 存在的,这两种类型的数据需要通过其他方式来判断。

函数的 constructor 是不稳定的,这个主要体现在自定义对象上,当开发者重写 prototype 后,原有的 constructor 引用会丢失,constructor 会默认为 Object

因此,为了规范开发,在重写对象原型时一般都需要重新给 constructor 赋值,以保证对象实例的类型不被篡改。

4、toString

toString 是 Object 原型对象上的方法,使用 call 来调用该方法会返回调用者的类型字符串,格式为 [object,xxx],xxx 是调用者的数据类型,包括:String、Number、Boolean、Undefined、Null、Function、Date、Array、RegExp、Error、HTMLDocument 等, 基本上,所有的数据类型都可以通过这个方法获取到。

13Object.prototype.toString.call('') ;  // [object String]

Object.prototype.toString.call(1) ;  // [object Number]

Object.prototype.toString.call(true) ; // [object Boolean]

Object.prototype.toString.call(Symbol()); //[object Symbol]

Object.prototype.toString.call(undefined) ; // [object Undefined]

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

Object.prototype.toString.call(new Function()) ; // [object Function]

Object.prototype.toString.call(new Date()) ; // [object Date]

Object.prototype.toString.call([]) ; // [object Array]

Object.prototype.toString.call(new RegExp()) ; // [object RegExp]

Object.prototype.toString.call(new Error()) ; // [object Error]

Object.prototype.toString.call(document) ; // [object HTMLDocument]

Object.prototype.toString.call(window) ; //[object global] window是全局对象 global 的引用

需要注意的是,必须通过 call 或 apply 来调用,而不能直接调用 toString , 从原型链的角度讲,所有对象的原型链最终都指向了 Object, 按照JS变量查找规则,其他对象应该也可以直接访问到 Object 的 toString方法,而事实上,大部分的对象都实现了自身的 toString 方法,这样就可能会导致 Object 的 toString 被终止查找,因此要用 call/apply 来强制调用Object 的 toString 方法。

相关文章

  • JavaScript数据类型检测总结

    在js中,有四种用于检测数据类型的方式,分别是: typeof用来检测数据类型的运算符 instanceof 检...

  • JavaScript数据类型检测总结

    在js中,有四种用于检测数据类型的方式,分别是: typeof用来检测数据类型的运算符 instanceof 检...

  • 四、js类型数据检测

    1、typeof typeof'';// string 有效 typeof1;// number 有效 typeo...

  • Js类型相关总结

    Js的基本数据类型 复杂数据类型 类型检测 typeof 检测检测原理是根据变量存储时低位 instanceof检...

  • JS数据类型检测

    之前有讲过JS数据类型,但是怎么判断到底是某个数据是什么数据类型?今天就来讲一下。JS数据类型检测常用的主要有四种...

  • 三、JS 进阶--判断 JS 的数据类型

    判断 JS 的数据类型 判断 JS 数据类型,也就是我们说的类型检测,本文提供五种方法,分别是 typeof 运算...

  • 三、JS 进阶--判断 JS 的数据类型

    判断 JS 的数据类型 判断 JS 数据类型,也就是我们说的类型检测,本文提供五种方法,分别是 typeof 运算...

  • 数据类型的检测

    JS中的数据类型检测 typeof 用来检测数据类型的运算符语法:typeof [value]返回结果:首先是一...

  • 原生Js数据类型及操作知识点总结

    原生Js的数据类型总结 1.基本数据类型与其检测方法 String,Undefined,Boolean,null,...

  • Javascript常见问题(一)

    1.typeof 和 instanceof检测数据类型有哪些异同 首先我们先要了解js有哪些数据类型?原始类型(基...

网友评论

      本文标题:四、js类型数据检测

      本文链接:https://www.haomeiwen.com/subject/zcnzyxtx.html