JS基础变量类型
在JS中,有6种基本数据类型和一种复杂数据类型,
基本数据类型有:undefined,Null,Boolean,Number和String,es6中,还有Symbol;
复杂数据类型有:Array,Function,date等等
typeof判断变量类型
typeof运算符用于判断对象的类型,但是对于一些创建的对象,它们都会返回object。
instanceof检查
ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与typeof 运算符相似,用于识别正在处理的对象的类型。instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。
使用Object.prototype.toString.call
定义:首先,取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于”[object Array]“的字符串作为结果(看过ECMA标准的应该都知道,[[]]用来表示语言内部用到的、外部不可直接访问的属性,称为“内部属性”)。
var results = []
for (let i in allVarMap) {
results.push(Object.prototype.toString.call(allVarMap[i]))
}
console.log(results.join())
// [object Number],[object Number],[object Number],[object String],[object Boolean],[object Array],[object Object],[object Function],[object Function],[object Undefined],[object Null],[object Date],[object RegExp],[object Error]
实现getValType函数
根据上面的分析,我们可以先用typeOf函数判断出基础类型number,string,function,boolean,undefined。然后如果结果是object,我们再用Object.prototype.toString.call来判断出具体的类型。
var getVarType = function (val = 0) {
var type = typeof val
// object需要使用Object.prototype.toString.call判断
if (type === 'object') {
var typeStr = Object.prototype.toString.call(val)
// 解析[object String]
typeStr = typeStr.split(' ')[1]
type = typeStr.substring(0, typeStr.length - 1)
}
return type
}
var results = []
for (let i in allVarMap) {
results.push(getVarType(allVarMap[i]))
}
console.log(results.join())
// number,number,number,string,boolean,Array,Object,function,function,number,Null,Date,RegExp,Error
总结
1.typeOf能判断出一个变量的类型,但是只能判断出number,string,function,boolean,undefined,null和其他对象类型返回结果都为object.
2.instanceof能判断出一个对象是否是另一个类的实例。
3.Object.prototype.toString.call能判断出所有变量的类型,返回值为[Object ***]。