js的深入学习课程Object.prototype.toString.call()

1、通过 Object.prototype.toString.call() 进行类型判断

function isArray(obj) {

return Object.prototype.toString.call(obj) === '[object Array]';    
}

我们知道，Javascript中，一切皆为对象。所以如下代码，应当会输出对应字符

 

Object.prototype.toString.call(2) // "[object Number]"
Object.prototype.toString.call('') // "[object String]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call(undefined) // "[object Undefined]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(Math) // "[object Math]"
Object.prototype.toString.call({}) // "[object Object]"
Object.prototype.toString.call([]) // "[object Array]"
利用这个特性，可以写出一个比typeof运算符更准确的类型判断函数。

var type = function (o){
  var s = Object.prototype.toString.call(o);
  return s.match(/\[object (.*?)\]/)[1].toLowerCase();
};

type({}); // "object"
type([]); // "array"
type(5); // "number"
type(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"

在上面这个type函数的基础上，还可以加上专门判断某种类型数据的方法。

['Null',
 'Undefined',
 'Object',
 'Array',
 'String',
 'Number',
 'Boolean',
 'Function',
 'RegExp',
 'NaN',
 'Infinite'
].forEach(function (t) {
  type['is' + t] = function (o) {
    return type(o) === t.toLowerCase();
  };
});

type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true

标准浏览器中完美的作到，但是（为什么要说但是呢）IE6中，却会出现以下问题：

通过Object.prototype.toString.call获取的 字符串,undefined,null均为Object

所以，我们又要悲剧的先对以上类型进行判断，完整代码：

var oP = Object.prototype,

toString = oP.toString;

 

function typeOf(value) {

    if (null === value) {

        return 'null';

    }

 

    var type = typeof value;

    if ('undefined' === type || 'string' === type) {

        return type;

    }

 

    var typeString = toString.call(value);

    switch (typeString) {

    case '[object Array]':

        return 'array';

    case '[object Date]':

        return 'date';

    case '[object Boolean]':

        return 'boolean';

    case '[object Number]':

        return 'number';

    case '[object Function]':

        return 'function';

    case '[object RegExp]':

        return 'regexp';

    case '[object Object]':

        if (undefined !== value.nodeType) {

            if (3 == value.nodeType) {

                return (/\S/).test(value.nodeValue) ? 'textnode': 'whitespace';

            } else {

                return 'element';

            }

        } else {

            return 'object';

        }

    default:

        return 'unknow';

    }

}