类型：JavaScript 中有七种内置类型：- 空值 (null)
- 未定义 (undefined)
- 布尔值 (boolean)
- 数字 (number)
- 字符串 (string)
- 对象 (object)
- 符号 (symbol，ES6中新增)
在 JS 中呢，有很多坑，本文章将结合 undersoce.js源码 和我所总结的方法准确判断这六种类型，第七种也会提供一种判断思路；
先来一个小测试：首先，大家都熟悉的一种判断方式 typeof，这是一种虽然老掉牙但是有些实用的方式 ：
[JavaScript] 纯文本查看 复制代码 typeof null // "object"
typeof undefined // "undefined"
typeof true // "boolean"
typeof 42 // "number"
typeof "42" // "string"
typeof {life: 42} // "object"
typeof Symbol() // "symbol"
[JavaScript] 纯文本查看 复制代码
typeof void 0 // "undefined" <= 这是一个非常实用的技巧，我将在后面解释；
typeof [1,2,3] // "object" <= 数组 其实也是对象，巨坑！！！
typeof function a() { } // "object" <= 这里也需要注意！！！函数也是构造于 object
巧用 “ ! ” 号：[JavaScript] 纯文本查看 复制代码 !null // true <= 这是一个非常巧妙的技巧，下面将解释；
!undefined // true <= 这是一个非常巧妙的技巧，下面将解释；
!123 // false!true // false!{a: 123} // false!function a() { } // false!'123' // false
无敌法 “ .toString.call() ”：当然 Object.prototype.toString.call 也可以换成 Object.prototype.toString.apply 。
[JavaScript] 纯文本查看 复制代码 Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(undefined) // "[object Undefined]"
Object.prototype.toString.call(123) // "[object Number]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call('123') // "[object String]"
Object.prototype.toString.call({a: 123}) // "[object Object]"
Object.prototype.toString.call(Symbol()) // "[object Symbol]"
Object.prototype.toString.call([1,2,3]) // "[object Array]"
Object.prototype.toString.call(function a() { }) // "[object Function]" 其实函数也是object类型
Object.prototype.toString.call(new Date) // "[object Date]" 日期对象
Object.prototype.toString.call(Math) // [object Math] 数学函数对象
Object.prototype.toString.call(function a() { }) // "[object Function]" 其实函数也是object类型
注2：使用这套技巧，能够准确地分辨这7种类型甚至更多更精确，而 typeof 却无法区分完全！！！！！
来看看 " constructor "吧：这种方式是判断对象的构造函数是谁，至于什么是构造函数我将在另一篇文章写道；
[JavaScript] 纯文本查看 复制代码 var n1 = null;
n.constructor // 报错：因为 null 是 JS 原型链的起点，没有构造函数；
var u = undefined;
u.constructor // 报错：它也没有构造函数；
var a = [1, 2, 3];
a.constructor === Array; // true 数组
var n = 123;
n.constructor === Number; // true 数字
var s1 = '123';
abc.constructor === String // true 字符串
var o = {a: 123};
o.constructor === Object; // true 对象
var s = Symbol()
abc.constructor === Symbol // true 符号
var arr = [1, 2, 3];
arr.constructor === Array // true 数组 能够很好地区分
var fun = function a() { };
fun.constructor === Function // true 函数
var abc = new Date();
abc.constructor === Date; // true 日期
var abc = new RegExp();
abc.constructor === RegExp; // true 正则
var abc = Math
abc.constructor === Math; // false 不可以像Object.prototype.toString.call()一样区分;
abc.constructor === Object // true 事实上没有Math这个构造函数，Math的构造函数在 Object上的
最后一招 “ instanceof ”：[JavaScript] 纯文本查看 复制代码
var n1 = 123; // n 是类型为 Number 的元素！！！不是对象！！！
typeof n1; // "number" 回想一下我们有7种类型
n1 instanceof Number; // false function Number() { }
var n2 = new Number(123) // 现在 n2 是一个 object 元素！！！
typeof n2; // "object"
n2 instanceof Number; // true
正如，上述方式所说，这种方式只适合判断 object ！！！
[JavaScript] 纯文本查看 复制代码 var a = [1, 2, 3]; // 在最开始就声明了，数组也是对象，此法可以用来判断数组；
a instanceof Array; // 而这个对象的构造函数是 function Array() { }
// 虽然 typeof null 也是 object 但这是最底层的元素
阅读声明：法1都是来源于 underscore.js 源码：
空值 (null)：法1：直接用严格等于判断。[JavaScript] 纯文本查看 复制代码 var isNull = function (obj) {
return obj === null;
};
法2：巧妙地利用 ! null 的结果为 true：[JavaScript] 纯文本查看 复制代码 var isNull = function (obj) {
return !obj && typeof obj === "object";
};
未定义 (undefined)法1：这是最推荐的方式，请对比 法3 看。[JavaScript] 纯文本查看 复制代码 var isUndefined = function (obj) {
return obj === void 0;
}
法2：直接利用 typeof 判断：[JavaScript] 纯文本查看 复制代码 var isUndefined = function (obj) {
return typeof obj === "undefined";
}
法3：比法2少了两个引号！！！[JavaScript] 纯文本查看 复制代码 var isUndefined = function (obj) {
return typeof obj === undefined;
}
[JavaScript] 纯文本查看 复制代码 var isUndefined = function (obj) {
return typeof obj === undefined;
}
undefined = 123
isUndefined(undefined) // false <= 这是多么可怕 undefined；
[JavaScript] 纯文本查看 复制代码 var toString = Object.prototype.toString;
var isBoolean = function (obj) {
return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
}
数字 (number)[JavaScript] 纯文本查看 复制代码 var toString = Object.prototype.toString;
var isNumber = function (obj) {
return toString.call(obj) === '[object Number]';
}
字符串 (string)[JavaScript] 纯文本查看 复制代码 var toString = Object.prototype.toString;
var isString = function (obj) {
return toString.call(obj) === '[object String]';
}
对象 (object)[JavaScript] 纯文本查看 复制代码 var toString = Object.prototype.toString;
var isObject = function (obj) {
var type = typeof obj;
return type === 'function' || type === 'object' && !!obj;
}
- typeof null === object 结果为 true ;
- 最开始我已经讲了一种，!obj 的方式，null 和 undefined 返回结果都为 true 而其他类型为 false；
- 以上面这种实现方式，如果传递值为 null 的时候，就会被 !!obj 过滤掉；
或者动手试试，将 && !!obj 删掉，看看能否达到预期效果。
其他：其实上文已经给出思路实现，Date, Math, RegExp等内置对象，我就不详谈了，用得较少：
数组(Array)法1： 最稳妥的办法：Object.prototype.toString.call([1,2,3]) // "[object Array]"老老实实地用这个方法吧！！！
获得授权，非商业转载请注明出处。
点击有惊喜
| 
收藏
淘帖
踩
