JavaScript中判断数据类型的方法

JavaScript中判断数据类型的方法

1.instanceof操作符

instanceof是一个二元操作符，其左侧的操作数是一个对象，右侧的操作数是一个（构造）函数。如果左侧的对象是右侧构造函数的实例，instanceof操作符将返回true。事实上，只要构造函数的原型对象位于该对象的原型链上，instanceof操作符就会返回true。如果用 instanceof 检测原始值，则始终会返回 false，因为原始值不是对象。

const obj = {a : 1};
const func = function () {
    console.log("Hello");
}

console.log(obj instanceof Object); // true
console.log(func instanceof Object); // true
console.log("Hello" instanceof String); // false
console.log(new String("Hello") instanceof String); // true

2.typeof操作符

typeof操作符用于检测任意变量的数据类型。typeof操作符对null返回object属于历史遗留的bug，我们可以将null视为对空对象的引用。typeof操作符对除null之外的所有基本数据类型的变量都将返回对应的类型，而对除函数以外的所有对象将返回object，对函数将返回function。

console.log(typeof 1); // number
console.log(typeof "Hello"); // string
console.log(typeof null); // object
console.log(typeof {a : 1}); // object
console.log(typeof function () {
    console.log("Hello");
} ); // function
console.log(typeof Symbol()); // symbol
console.log(typeof undefined); // undefined
console.log(typeof true); // boolean

3.constructor

在通过new操作符调用构造函数创建一个新对象时，这个新对象的[[Prototype]]会被设置为构造函数的prototype属性的值，这个值即为构造函数的原型对象的引用。通过new操作符创建的新对象可以通过其[[Prototype]]的constructor属性访问其构造函数。通过构造函数，我们可以获得关于某个对象的类型信息，但如果手动更改了对象的[[Prototype]]，则我们得到的构造函数信息也会发生改变。

const Person = function (name, age) {
    this.name = name;
    this.age = age;
}

const person = new Person("Alex", 18);
console.log(person.__proto__ === Person.prototype); // true
console.log(person.__proto__.constructor); // [Function: Person]

const Person2 = function (name, age) {
    this.name = name;
    this.age = age;
}

person.__proto__ = Person2.prototype;
console.log(person.constructor); // [Function: Person2]

4.调用Object.prototype.toString方法

Object.prototype.toString方法为Object的原型方法，该方法返回当前对象的[[Class]]，我们可以通过这个方法获得任意变量的类型信息。

console.log(Object.prototype.toString({a:1})); //[object Object]
console.log(Object.prototype.toString.call(1)); // [object Number]
console.log(Object.prototype.toString.call("Hello")); // [object String]
console.log(Object.prototype.toString.call(Symbol())); // [object Symbol]
console.log(Object.prototype.toString.call(null)); // [object Null]
console.log(Object.prototype.toString.call(undefined)); // [object Undefined]
console.log(Object.prototype.toString.call([1,2,3])); // [object Array]
console.log(Object.prototype.toString.call(true)); // [object Boolean]
console.log(Object.prototype.toString.call(function () {})); // [object Function]
console.log(Object.prototype.toString.call(new RegExp())); // [object RegExp]
console.log(Object.prototype.toString.call(new Date())); // [object Date]
console.log(Object.prototype.toString.call(new Error())); // [object Error]
console.log(Object.prototype.toString.call(global)); // [object global]