1、空值 (null)
2、未定义 (undefined)
3、布尔值 (boolean)
4、数字 (number)
5、字符串 (string)
6、对象 (object)
7、符号 (symbol,ES6中新增)
1,可以使用 typeof 判断方式,如下:
typeof null // "object" <= 在后面文章里你会看到,巨坑!!!
typeof undefined // "undefined"
typeof true // "boolean
typeof 42 // "number"
typeof "42" // "string"
typeof {life: 42} // "object"
typeof Symbol() // "symbol"
// ------------后面3种是单独提出来的注意事项------------------
typeof void 0 // "undefined" <= 这是一个非常实用的技巧,我将在后面解释;
typeof [1,2,3] // "object" <= 数组 其实也是对象,巨坑!!!
typeof function a() { } // "object" <= 这里也需要注意!!!函数也是构造于 object
我们可以看到,这种判断方式虽说简单,但是太粗糙了,我们要判断对象具体的类型,则无能为力了。
2、巧用 !
我们要判断出 null undefined ,可以使用“!”来判断
!null // true <= 这是一个非常巧妙的技巧,下面将解释;
!undefined // true <= 这是一个非常巧妙的技巧,下面将解释;
------------我们不一样!!!------------
!123 // false
!true // false
!{a: 123} // false
!function a() { } // false
!'123' // false
注意:对象的boolean全是true
3、无敌法 “toString.call()”
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类型
当然 Object.prototype.toString.call 也可以换成 Object.prototype.toString.apply
但是,你要知道,再厉害的绝技,也有他的命门所在。
他的命门就是:存在兼容性问题,具体兼容性问题点击这里 ,JavaScript 1.8.5,无法完全检测上述情况。
4、来看看 ” constructor “吧
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上的
[文章来源] :https://www.tuicool.com/articles/riABvmV?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com