在ES5的时候,数据类型 有6种:Number、String、Boolean、undefined、object、Null。
ES6 中新增了一种 Symbol ,示意举世无双的值。
JS中该如何判断数据属于哪种数据类型呢?现整顿了四种判断办法,可用作前端面试筹备资料。
1、typeof
typeof是一个操作符,右侧跟一个一元表达式,返回这个表达式的数据类型,以字符串的模式示意。
console.log(typeof 1);//number console.log(typeof '1');//string console.log(typeof true);//boolean console.log(typeof undefined);//undefined console.log(typeof {});//object console.log(typeof null);//object console.log(typeof Symbol());//symbol console.log(typeof []);//object console.log(typeof new Date());//object console.log(typeof new RegExp());//object console.log(typeof new Error());//object console.log(typeof NaN);//number
【留神】
1、typeof一个数组的时候会返回object;
2、判断数据是否为数组能够应用Array原型上的.isArray()办法,返回一个布尔值,
var a = [1,2,3]; console.log(typeof a); //object console.log(Array.isArray(a)); //true
3、typeof null也会返回object;
4、typeof new Date()、typeof new RegExp()、typeof new Error()都会返回object;
5、typeof NaN会返回number,NaN也是Number的一种。
2、instanceof
利用instanceof来判断A是否为B的实例,表白为A instanceof B,返回一个布尔值。instanceof的原理是通过检测对象的原型链上是否含有类型的原型。
console.log({} instanceof Object);//true console.log([] instanceof Array);//true console.log([] instanceof Object);//true let fn = function (a, b) { return a + b } console.log(fn instanceof Function);//true
【留神】
面试中一个十分常见的手写代码题目就是手写instanceof,判读的思路就是看左边变量的原型是否存在于右边变量的原型链上。代码如下:
// 手写实现instanceof function myinstanceof(left, right) { let leftValue = left.__proto__; let rightValue = right.prototype; while (true) { if (leftValue === null) { return false } else if (leftValue === rightValue) { return true } else { leftValue = leftValue.__proto__ } } }
3、constructor
JS规定,每个构造函数都会有一个prototype属性,即为构造函数的原型对象,而原型对象中会有一个constructor属性指回到构造函数。当利用构造函数创立新对象时,原型上的constructor属性也会被遗传到新创建的对象上,从原型链的角度讲,构造函数也代表了对象的类型。
console.log(new Number(1).constructor == Number);//true console.log(new String(1).constructor == String);//true console.log(true.constructor == Boolean);//true console.log(new Object().constructor == Object);//true console.log(new Error().constructor == Error);//true
4、Object.prototype.toString.call()
toString()办法是Object原型上的办法,调用此办法,返回格局为[object,xxx],xxx即为判断的后果。对于Object对象能够间接调用Object.prototype.toString(),对于其余数据类型,须要通过.call()来调用。
console.log(Object.prototype.toString({}));//[object Object] console.log(Object.prototype.toString.call(''));//[object String] console.log(Object.prototype.toString.call(1));//[object Number] console.log(Object.prototype.toString.call(true));//[object Boolean] console.log(Object.prototype.toString.call(undefined));//[object Undefined] console.log(Object.prototype.toString.call(null));//[object Null] console.log(Object.prototype.toString.call(Symbol()));//[object Symbol] console.log(Object.prototype.toString.call(new Error()));//[object Error]
【作者程度无限,欢送大家在评论区交换斧正~】