一、typeof
使用方法如下:
javascript">typeof operand
typeof(operand)
operand表示要返回类型的对象或基本类型的表达式 ,typeof运算符返回一个字符串,表示操作数的类型。
javascript">typeof 666 // 'number'
typeof '666' // 'string'
typeof undefined // 'undefined'
typeof true // 'boolean'const func = function () {} // 函数是例外
typeof func // function// 从以下就可以看出typeof对引用类型的数据和null的类型判断不是很准确
typeof Symbol() // 'symbol'
typeof null // 'object'
typeof [] // 'object'
typeof {} // 'object'
二、instanceof
instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
使用方法如下:
javascript">object instanceof constructor
object 是指某个实例对象,是指某个构造函数。
javascript">// 定义构造函数function C(){}function D(){}var o = new C();o instanceof C; // true,因为 o._proto_ === C.prototypeo instanceof D; // false,因为 o._proto_ !== D.prototype,即D.prototype 不在 o 的原型链上
javascript">const arr = [];
const obj = {};
const func = function () {}console.log(arr instanceof Array); // true
console.log(obj instanceof Object); // true
console.log(func instanceof Function); // trueconst num = 111 // 基本数据类型
console.log(num instanceof Number); // false
三、typeof 与 instanceof 的区别
- typeof 会返回一个运算数的基本类型,instanceof 返回的是布尔值;
- instanceof 可以准确判断引用数据类型,但是不能正确判断原始数据类型;
- typeof 虽然可以判断原始数据类型(null 除外),但是无法判断引用数据类型(function 除外)。
四、Object.prototype.toString.call()
可以看出 typeof 和 instanceof 都存在缺陷,所以如果想要完美的检测数据类型的话,推荐使用Object.prototype.toString.call()方法。
javascript">Object.prototype.toString.call({})
Object.prototype.toString.call([])
Object.prototype.toString.call(666)
Object.prototype.toString.call(true)
Object.prototype.toString.call(null)
Object.prototype.toString.call(undefined)