7.判断数据类型的三种方式-CSDN博客

文章介绍了在JavaScript中判断数据类型的三种方法：typeof用于基础类型，instanceof确定对象是否为特定构造函数的实例，以及使用Object.prototype.toString.call获取对象的内部类标识来判断任意数据类型。示例代码展示了这些方法的应用。

摘要由CSDN通过智能技术生成

7.判断数据类型的三种方式

typeof: 只能检测区分基本数据类型，引用数据类型无法细分

instanceof ：判断一个对象是否是一个类[构造函数]的实例对象。

可以用来区分引用数据类型：Array Object

Object.prototype.toString.call(数据): 可以检测任意数据类型

/**
 * 1. typeof 只能检测区分基本数据类型，引用数据类型无法细分
 * 2. instanceof ： 判断一个对象是否是一个类[构造函数]的实例对象。
 *          可以用来区分引用数据类型：Array Object
 * 
 * 3. Object.prototype.toString.call(数据)
 * 
 */

console.log(typeof 'abc');
console.log(typeof 1);
console.log(typeof true);
console.log(typeof null);
console.log(typeof undefined);

console.log(typeof {});// object
console.log(typeof []);// object
// 无法细分对象和数组
function fn(){

}
console.log(typeof fn);

/** 
 *  2. instanceof 检测一个对象是否是一个类的实例对象
 *  对象 instanceof 构造函数[类] 
 *  instanceof 只要顺着原型链能找到，就是true
 *  
 */

var arr = [1,2,3,4];
var obj = {
    name:'atguigu'
}

console.log('instanceof判断数组：',arr instanceof Array);// true
console.log('arr is Object? ', arr instanceof Object);// true
// instanceof 只要顺着原型链能找到，就是true
console.log(arr);

console.log('instanceof判断对象:', obj instanceof Object);// true
console.log('obj is Array?', obj instanceof Array);// false


/**
 * 
 * 
 * 
 */
var b1 = true;
console.log('b1.toString(): ',b1.toString()); // "true"
console.log(b1.toString === Boolean.prototype.toString);

console.log(Object.prototype.toString.call(true));//[object Boolean]
console.log(Object.prototype.toString.call(1));// [object Number]
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call(undefined));// [object Undefined]
console.log(Object.prototype.toString.call('123'));//[object String]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call({}));//[object Object]
console.log(Object.prototype.toString.call(fn));//[object Function]
function fn(){

}
// 检测任意数据类型
function getType(param){
    return Object.prototype.toString.call(param).slice(8,-1);
}

console.log(getType(1));
console.log(getType(true));
console.log(getType([]));
console.log(getType({}));
console.log(getType(null));

if(getType(1)==='Number'){
    console.log('是数字')
}