JS中数据类型的判断

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