本文系统梳理JavaScript的六种基本数据类型,并深入解析三种主流类型检测方法:typeof、instanceof及Object.prototype.toString。文章通过具体代码示例对比各方法的适用场景与局限性,重点说明null返回object的历史原因及基本类型与包装对象的转换机制,帮助开发者准确掌握JS类型判断技巧。
本文通过具体示例,详细解析JavaScript中的基本数据类型体系,并总结几种常用的类型检测手段,供读者参考学习。
JavaScript基本数据类型概述
JavaScript包含6种基本数据类型,所有其他操作均基于这五种基本类型(注:原文表述)展开。
1. Object
对象类型
2. number
数字类型
3. String
字符串类型
4. null
5. underfined
6. boolean
布尔类型:取值为true或false。
I) JS中的数据类型转换(非严格模式下)
“12”==12 // true 在非严格模式下,字符串可以向数字转换
true==1 // true 布尔值在等号两边会尝试转换为0或者1
“1”==true //true
null==underfined //true
new Object()==new Object() //true
NaN==NaN //false
II) JS中的数据类型转换(非严格模式下)
上述示例中的等号判断均不成立。
注:若涉及基本类型中的string或number,在必要情况下可将其转化为对象object类型,但该转化并非持久性的。
例如:
var x=”hello” ; alert(a.length) // 5
数据类型中的隐式转化补充:
“32”+32 //转化为string
"32"-32 //转化为number
JS类型检测方法详解
JS中的类型检测方法
1. 通过typeof来进行类型检测
先通过几个示例进行说明:
typeof 100 —->number
typeof “hello” ——>string
typeof true —–> boolean
typeof Number ——>function
typeof new Object()——->object
typeof Object ——->function
typeof null ——–>object
typeof underfined ——–>underfined
总结:若右侧为基本类型,typeof会尝试返回最基础类型(如number、string等);若右侧为函数名,则返回function(Object、Number、String等均可视为函数名);若右侧为基本对象,则返回object(返回值均为小写)。
注:typeof null返回object是早期遗留的BUG,沿用至今。
适用范围:typeof适用于判定基本类型,或判断是否为函数(function)。
2. instanceof
同样举例说明:
[1,2] instanceof Array ——> true
“1,2” instanceof Array ——->false
总结:instanceof会沿原型链查找,若左侧对象的原型链上存在右侧对象,则返回true。注意,该方法仅用于判断扩展的对象类型(非number、string等)。
例如:
instanceof Number —–> false "hell" instanceof String ------>string
补充:instanceof右侧必须是函数或构造器,否则报错。它检测的是左侧对象的原型链上是否包含右侧函数的prototype。
3. Object.prototype.toString
通过对象原型上的toSting方法同样可以判断类型,示例如下:
Object.prototype.toString.apply([]) ——>[object Object]
Object.prototype.toString.apply(function(){}) —->[object Function]
Object.prototype.toString.apply(Number) ——->[object Function]
Object.prototype.toString.apply(String) ——–>[object Function]
Object.prototype.toString.apply(null) ———–>[object Null]
Object.prototype.toString.apply(undefined)–>[object Undefined]
使用类型:原生对象和基本类型
此外还有
4. constructor
5. duck type等
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。