JS中数据类型的判断
typeof
-
typeof
对于基本数据类型(除了null外),都可以显示正确的数据类型 -
typeof
对于引用数据类型(除了function外),都显示Object
console.log(typeof 1); // number
console.log(typeof 'str'); // string
console.log(typeof true); // boolean
console.log(typeof undefined); // undefined
console.log(typeof []); // object
console.log(typeof {
}); // object
console.log(typeof function () {
}); // function
console.log(typeof null); // object
instanceof
-
instanceof
内部机制是通过判断数据的原型链上是否能找到对应类型的prototype
,即左边的对象是否是右边的类的实例 -
instanceof
可以正确判断引用数据类型,基本数据类型则不能准确判断 -
由于 true 和 字面值2 和 字符串 ‘str’ 不是实例,所以是 false
console.log(1 instanceof Number); // false
console.log('str' instanceof String); // false
console.log(true instanceof Boolean); // false
console.log(undefined instanceof undefined); // 报错
console.log([] instanceof Array); // true
console.log({
} instanceof Object); // true
console.log(function(){
} instanceof Function); // true
console.log(null instanceof Null); // 报错
constructor
constructor
属性返回对象的构造函数
console.log((1).constructor === Number); // true
console.log(('str').constructor === String); // true
console.log((true).constructor === Boolean); // true
console.log(([]).constructor === Array); // true
console.log(({
}).constructor === Object); // true
console.log((function() {
}).constructor === Function); // true
// 如果创建一个对象,修改它的原型,constructor就会变得不那么可靠
function Fn () {
};
Fn.prototype = new Array();
let f = new Fn();
console.log(f.constructor === Fn); // false
console.log(f.constructor === Array); // true
Object.prototype.toString.call()
- 该方法是利用
Object
的原型实现
function getType(data) {
return Object.prototype.toString.call(data).slice(8, -1)
}
getType(2); // Number
getType('str'); // String
getType(true); // Boolean
getType(undefined); // Undefined
getType(null); // Null
getType([]); // Array
getType({
}); // Object
getType(function(){
}); // Function