首先了解一下js的数据类型:
查阅了MDN文档 最新的 ECMAScript 标准定义了7种数据类型:
-
6种原始类型
- boolean
- Null
- Undefined
- Number
- String
- Symbol
-
和 Object (Regexp,Function,Array,Date 。。。)
typeof
typeof 判断一个变量的类型可以得到这几种结果:Number、 String、 Boolean、 Function、 Object、 Undefined、 Symbol
例如:使用typeof获取一个变量是否存在
应使用:if(typeof a != undefined) {...}
不应使用:if(a) {}
因为如果a不存在(未声明)会报错
typeof局限性:
如果用typeof 判断 Array Date Object RegExp Error null等 类型的变量 得到的结果都会是object
instanceof
如果我们需要获取一个对象的具体类型(例如:一个变量是否是数组,或者是某个对象的实例),就应该使用instanceof
例如:
var newarr = new Array()
console.log(newarr instanceof Array) // true
console.log(newarr instanceof Object) // 结果也是true 因为Array 是Object 的子类
再如:
function Test() {}
var newtest = new Test()
console.log(newtest instanceof Test) // true
constructor
constructor属性 返回 创建实例对象的构造函数的引用
先看一个例子:
var test = new Array();
console.log(test.constructor == Array) // true
实际上就是每一个构造函数的原型上有一个constructor属性指向构造函数本身,构造函数的实例会从原型上继承constructor属性
var Foo = function () {}
console.log(Foo.prototype.constructor === Foo) // true
var f = new Foo()
console.log(f.constructor === Foo) // true
然而,constructor属性是可以重新复制或者覆盖的(如:Foo.prototype.constructor = A),这会引起类型判断的错误。即使我们一般不会刻意去给constructor属性赋值,但是有一些情况下constructor属性的值和我们所期望的值不同
var baseClass = function(){}
var derivedClass = function(){}
derivedClass.prototype = new baseClass()
var obj = new derivedClass()
console.log(obj.constructor === derivedClass) // false
console.log(obj.constructor === baseClass) // true
因为子类的prototype以父类的实例为原型,所以通过子类实例访问constructor就是父类构造函数。因此在JavaScript面向对象编程中,我们会在定义子类时加上一句代码来纠正constructor属性。
derivedClass.prototype.constructor = derivedClass
Object.prototype.toString
了解一下比较巧妙的判断对象类型的方法Object.prototype.toString().call()
Object.prototype.toString.call(10) // "[object Number]"
Object.prototype.toString.call(NaN) // "[object Number]"
Object.prototype.toString.call([1,2,3]) // "[object Array]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call('') // "[object String]"
Object.prototype.toString.call(/[a-z]/) // "[object RegExp]"
Object.prototype.toString.call(function(){}) // "[object Function]"
//null and undefined in Chrome and Firefox. In IE "[object Object]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(undefined) // "[object Undefined]"
var a = new Foo()
Object.prototype.toString.call(a) // "[object Object]"
总结
根据上面方法的介绍:
- 判断基本类型使用 typeof
- 判断引用类型使用 instanceof 或者 constructor,但是constructor 可以被重写或覆盖,所以不可信赖,因此更多使用 instanceof
- Object.prototype.toString 任何情况都可用