对象类型判断-相关问题

instanceof

描述

instanceof运算符用来检测constructor.prototype是否存在参数object的原型链。

示例

基本（常用）

function Person() {}
new Person() instanceof Person; //true
new Person() instanceof Object; //true

万物皆对象

[] instanceof Array; //true
[] instanceof Object; //true
({}) instanceof Object; //true

小结

instanceof一般适用于构造函数。A 是否为 B 的实例。
结果返回： true / false

typeof

描述

typeof操作符返回一个字符串，表示未经计算的操作数的类型

示例

基本

typeof true;//"boolean"
typeof 52;//"number"
typeof 'wer';//"string"
typeof [];//"object"
typeof {};//"object"
typeof function() {};//"function"
typeof class Person {};//"function"

特殊

typeof undefined;//"undefined
typeof null; //"object"
typeof NaN;//"number"
//除 Function 外的所有构造函数（new）的类型都是"object"
typeof new String('string');//"object"
typeof new Number(123);//"object"
typeof new Function();//"function"

小结

typeof 可确定除了null之外的基本数据类型。
结果返回：所区分对象的数据类型的字符串。

constructor

描述

constructor是Object类型的原型属性，它能够返回当前对象的构造器（类型函数）。利用该属性，可以检测复合型数据的类型。

示例

基本

(123).constructor === Number;//true
('').constructor === String;//true
(false).constructor === Boolean;//true
({}).constructor === Object;//true
(function() {}).constructor === Function;//true
([]).constructor === Object;//false
([]).constructor === Array;//true

constructor可以区分对象和数组

特殊

(NaN).constructor === NaN;//false
(NaN).constructor === Number;//true

创建一个对象，更改它的原型，constructor方式并不可靠：

function Cat() {};
Cat.prototype = new Array();
let cc = new Cat();
cc.constructor === Cat;//false
cc.constructor === Array;//true

小结

constructor可以基本判断出对象的数据类型，但依然 并不完全准确。

Object.prototype.toString.call()

描述

Object.prototype.toString()
每个对象都有一个toString()方法， 当该对象被表示为一个文本值时， 或者一个对象以预期的字符串方式引用时自动调用。默认情况下，toString()方法被每个Object对象继承。如果此方法在自定义对象中未被覆盖，toString()返回"[object type]"，其中type是对象的类型。

示例

基本

Object.prototype.toString.call(false);//"[object Boolean]"
Object.prototype.toString.call(123);//"[object Number]"
Object.prototype.toString.call('');//"[object String]"
Object.prototype.toString.call([]);//"[object Array]"
Object.prototype.toString.call({});//"[object Object]"
Object.prototype.toString.call(undefined);//"[object Undefined]"
Object.prototype.toString.call(null);//"[object Null]"
Object.prototype.toString.call(NaN);//"[object Number]"

特殊

function Person() {};
let p = new Person();
Object.prototype.toString.call(p);//"[object Object]"

这种方法不能判断p是否是Person的实例。
可以用instanceof方法来判断

小结

基本数据类型和引用数据类型均可以判断。
但是，无法判断对象a是否是Class A的实例。（可用instanceof判断）

补充

为什么不直接用toString()方法？
toString为Object的原型方法，而Array， Function等类型作为Object类型的实例，都重写了toString方法。只用toString()只会调用重写的方法，而不会调用原型链上的方法。
想要得到对象的具体数据类型，应该调用Object上原型toString方法。

应用-拷贝对象

function typesCopy(obj, deep = false) {
	let basicType = typeof obj;
	let copyObj;
	switch(basicType) {
		case 'undefined':
			copyObj = undefined;
			break;
		case 'boolean':
		case 'string':
		case 'function':
			copyObj = obj;
			break;
		case 'number'://NaN也是number
			if(obj === NaN) {
				copyObj = NaN;
			} else {
				copyObj = obj;
			}
			break;
		case 'object':
			if(obj.constructor === Array) {
				[...copyObj] = obj;//ES6扩展运算符实现
			} else if(!deep){
				copyObj = shallowCopy(obj);
			} else {
				copyObj = deepCopy(obj);
			}
	}
	return copyObj;
}

function shallowCopy(obj) {
	// 1.'='赋值：只是将对象的引用赋值
	// 2.Object.assign()：可以把任意多个源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。拷贝的是对象的属性的引用。
		// Object.assign(target, ...sources)
	// 3.利用for in进行浅拷贝
	let copyObj = {};
	for (let key in obj) {
		if(obj.hasOwnProperty(key)) {
			copyObj[key] = obj[key];
		}
	}
	return copyObj;
}

function deepCopy(obj) {
	// 1.递归
	// 2.JSON的parse和stringify（只适合扁平对象。如RegExp不可用此方法）
	let copyObj = {};
	for (let key in obj) {
		if(obj.hasOwnProperty(key)) {
			if(obj[key] && typeof obj[key] === "object") {
				copyObj[key] = obj[key].constructor === Array ? [] : {};
				copyObj[key] = deepCopy(obj[key]);
			} else {
				copyObj[key] = obj[key];
			}
		}
	}
	return copyObj;
}