知食记
搜索文档…
type
定义
判断类型
背景知识
js中有几种数据类型：
- null(空)
- undefined(未声明)
- number(数字)
- string(字符串)
- object(对象)
- boolean(布尔值)
- symbol(符号，es6新增)
js中只有这7种数据类型，其他的都是对象的子类型（数组不是js的数据类型）
typeof运算符后可跟着一个操作数，用于判断该操作数的数据类型；typeof适用于上面7种数据类型中除null、object的其他5种类型的判断：
1
typeof undefined; // "undefined";
2
typeof 1; // "number";
3
typeof '1'; // "string";
4
typeof true; // "boolean";
5
typeof Symbol(); // "symbol";
6
typeof {a : 1}; // "object";
Copied!
以上都是可靠正确而且易于理解的，接下来我们一起看几个正确的，但似乎不是我们期望的结果的例子：
1
typeof null === "object"; // true
2
typeof function () {} === "function"; // true
Copied!
为什么 typeof null === 'object'
在 JavaScript 最初的实现中，JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是 0。由于 null 代表的是空指针（大多数平台下值为 0x00），因此，null的类型标签也成为了 0，typeof null就错误的返回了"object"。
为什么 typeof function(){} === 'function'
函数是对象的子类型，按道理来说"typeof function () {} === 'object'"才对，但是结果却是"function"。这是因为，函数是一个“特殊的对象”，它特殊就特殊在它内部有一个属性[[call]]，这个属性使它变成一个“可调用的对象”。而根据规范，实现了[[call]]属性的对象，typeof的结果是“function”。也因为这个，new出来的function对象也是返回function
1
typeof new Function("console.log(123);") === 'function'; // true
Copied!
Object.prototype.toString 识别类型
1
// 以下是11种：
2
var number = 1; // [object Number]
3
var string = '123'; // [object String]
4
var boolean = true; // [object Boolean]
5
var und = undefined; // [object Undefined]
6
var nul = null; // [object Null]
7
var obj = {a: 1} // [object Object]
8
var array = [1, 2, 3]; // [object Array]
9
var date = new Date(); // [object Date]
10
var error = new Error(); // [object Error]
11
var reg = /a/g; // [object RegExp]
12
var func = function a(){}; // [object Function]
13
14
function checkType() {
15
for (var i = 0; i < arguments.length; i++) {
16
console.log(Object.prototype.toString.call(arguments[i]))
17
}
18
}
19
20
checkType(number, string, boolean, und, nul, obj, array, date, error, reg, func)
Copied!
实现
在 IE6 中，null 和 undefined 会被 Object.prototype.toString 识别成 [object Object]！
1
// 第二版
2
var class2type = {};
3
4
// 生成class2type映射
5
"Boolean Number String Function Array Date RegExp Object Error".split(" ").map(function(item, index) {
6
class2type["[object " + item + "]"] = item.toLowerCase();
7
})
8
9
function type(obj) {
10
// 一箭双雕
11
if (obj == null) {
12
return obj + "";
13
}
14
return typeof obj === "object" || typeof obj === "function" ?
15
class2type[Object.prototype.toString.call(obj)] || "object" :
16
typeof obj;
17
}
Copied!
参考
补充
判断是否为数组？
Array.isArray 原生方法最近更新 2yr ago