6
typeof null =='object'  // true 
typeof [] =='object' // true 
typeof {} =='object' // true 
?


苏生不惑 18.4k
2014-04-10 提问

查看全部 6 个回答

6

因为:

[].constructor === Array
[].prototype === (new Array()).prototype

所以:

[] instanceof Array     // true

同理,所有可以通过构造函数创建的对象都可以用 instanceof 检查。


@mcfog 童鞋指出:

公认的靠谱解法是 Object.prototype.toString.call(x) === '[object Array]'

其实我也认为这是一个好方法,但是如果说 instanceof 不靠谱是因为检查的值来自另外一个 frame 也就是要算上执行环境的话,你怎么知道 Object.prototype.toString 没有被事先重载过?

Take a look:

override


对象字面量 {} 一般来说无需检查,反正除了那几个特例,剩下的都是源自于 Object,有啥好检查的?事实上检查对象字面量非但没有意义,而且还很危险,因为我们可以轻易的修改它的 __proto__,它的 constructor,你很容易被骗的。动态类型的语言倾向于你让它做什么它就是什么鸭子类型),所以类型检查很多时候都无甚必要。

null 的故事其实很简单,null 不是 Object,而是一个和 undefined 类似的原生值(primitive value)。之所以 typeof null === 'object' 会返回 true,那是因为语言实现上的错误,而这个错误将在 ECMAScript6 里被纠正过来。

至于 nullundefined 的区别,有一个很经典的对话:

(假设 nameundefined
你: name 是什么?
JS: 什么 name?我不知道你在说什么,之前你都没提到过(声明)name 这个东西!你确定你是在问我吗?

(假设 name 等于 null
你: name 是什么?
JS: 我不知道。(我知道 name 的存在,但我不知道 name 是什么)

推荐答案

37

已采纳

由于具体实现上的问题,在实际的项目应用中,typeof只有两个用途,就是检测一个元素是否为undefined,或者是否为function。

为何呢?

JavaScript Garden整理出来了如下表格:

Value               function   typeof
-------------------------------------
"foo"               String     string
new String("foo")   String     object
1.2                 Number     number
new Number(1.2)     Number     object
true                Boolean    boolean
new Boolean(true)   Boolean    object
new Date()          Date       object
new Error()         Error      object
[1,2,3]             Array      object
new Array(1, 2, 3)  Array      object
new Function("")    Function   function
/abc/g              RegExp     object
new RegExp("meow")  RegExp     object
{}                  Object     object
new Object()        Object     object 

所以我们一般用“鸭子类型”来做流程控制,好晚了,不多讲,去搜一下吧。


一定要区分这些东西?

Object.prototype.toString()有一个妙用,如果我们以某个特别的对象为上下文来调用该函数,它会返回正确的类型。我们需要做的就是手动处理其返回的字符串,最终便能获得typeof应该返回的正确字符串。

可以用来区分:Boolean, Number, String, Function, Array, Date, RegExp, Object, Error等等。

jQuery.type()就是这样实现的。以下代码从jQuery源码中抽取出来,可以直接用。

var class2type = {} ;
"Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(e,i){
    class2type[ "[object " + e + "]" ] = e.toLowerCase();
}) ;
//当然为了兼容IE低版本,forEach需要一个polyfill,不作细谈了。
function _typeof(obj){
    if ( obj == null ){
        return String( obj );
    }
    return typeof obj === "object" || typeof obj === "function" ?
        class2type[ class2type.toString.call(obj) ] || "object" :
        typeof obj;
}

使用结果:

_typeof(new String())
->"string"
_typeof("123")
->"string"
_typeof(new RegExp())
->"regexp"
_typeof(null)
->"null"

推广链接