Javascript获取对象的类型详解之typeof与Object.prototype.toString.call

typeof其实只有一个实际的应用(这个实际应用是用来检测一个对象是否已经定义或者是否已经赋值),而这个应用却不是用来检查对象的类型。如:
typeof foo !== 'undefined'
上面代码会检测foo 是否已经定义;如果没有定义而直接使用会导致ReferenceError 的异常。这是typeof 唯一有用的地方。
(这个描述冤枉了typeof,文章最后会为其平反。)
-------------------------华丽分割线-----------------------------------

JavaScript标准文档只给出了一种获取[[Class]] 值的方法,那就是使用Object.prototype.toString。
function is(type,obj) {
    varclas = Object.prototype.toString.call(obj).slice(8, -1);
    returnobj !== undefined &&obj !== null &&clas ===type;
}
is('String', 'test'); // true
is('String', new String('test')); // true
上面例子中,Object.prototype.toString 方法被调用,this 被设置为了需要获取[[Class]] 值的对象。

Object.prototype.toString 返回一种标准格式字符串,所以上例可以通过slice 截取指定位置的字符串,如下所示:
Object.prototype.toString.call([])  // "[object Array]"
Object.prototype.toString.call({})  // "[object Object]"
Object.prototype.toString.call(2)  // "[object Number]"
译者注:这种变化可以从IE8和Firefox4中看出区别,如下所示:
// IE8
Object.prototype.toString.call(null)  // "[object Object]"
Object.prototype.toString.call(undefined)  // "[object Object]"
// Firefox 4
Object.prototype.toString.call(null)  // "[object Null]"
Object.prototype.toString.call(undefined)  // "[object Undefined]"



结论
为了检测一个对象的类型,强烈推荐使用Object.prototype.toString 方法;因为这是唯一一个可依赖的方式。正如上面表格所示,typeof
的一些返回值在标准文档中并未定义,因此不同的引擎实现可能不同。
除非为了检测一个变量是否已经定义,我们应尽量避免使用typeof 操作符。

-------------------------又一道华丽分割线-----------------------------------
以下是自己写的测试:
<script type="text/javascript">
    var Co = (function () {
        //定义私有方法
        function getTypeOf(o) {
            return typeof o;
        }
        function getPrototypeToString(o) {
            return Object.prototype.toString.call(o);
        }
        //返回公有API
        return {
            //公有方法
            GetTypeOf: function (o) {
                return getTypeOf(o);
            },
            GetPrototypeToString: function (o) {
               return getPrototypeToString(o);
            }
        }
    })();

   Co.GetTypeOf(0.23);
   Co.GetTypeOf("test");
   Co.GetTypeOf({});
   Co.GetTypeOf([]);
   Co.GetTypeOf(/abc/gi);
   Co.GetTypeOf(true);
   //------------------华丽分割线--------------------
   Co.GetPrototypeToString(0.23);
   Co.GetPrototypeToString("test");
   Co.GetPrototypeToString({});
   Co.GetPrototypeToString([]);
   Co.GetPrototypeToString(/abc/gi);
   Co.GetPrototypeToString(true);
</script>
运行结果:

(其实从这个结果可以看出,typeof只对基本类型有效,对引用类型返回的始终是"object")
-------------------------------  华丽补充 -------------------------------
上面关于typeof的描述有些偏颇,会让人误解了typeof的作用,正确的作用定义应该如下:
typeof是用来检测基本类型的最佳工具。
检测引用类型可以使用 instanceof,它返回布尔值。
而Object.prototype.toString.call对于检测基本类型和引用类型是通吃的。

详见《Javascript高级程序设计》p72

posted @ 2018-10-08 15:42  skybirdzw  阅读(391)  评论(0)    收藏  举报