Object.toString与Object.prototype.toString区别

1、Object原型链上的toString方法可以用于对象类型的判断,如常用的区分数组与普通对象。

 例如:

Object.prototype.toString.call('');                            //[object String]
Object.prototype.toString.call(1);                             //[object Number]
Object.prototype.toString.call(true);                          //[object Boolean]
Object.prototype.toString.call([]);                            //[object Array]
Object.prototype.toString.call({});                            //[object Object]
Object.prototype.toString.call(undefined);                     //[object Undefined]
Object.prototype.toString.call(null);                          //[object Null]
Object.prototype.toString.call(new Function());                //[object Function]
Object.prototype.toString.call(new Date());                    //[object Date]
Object.prototype.toString.call(new RegExp());                  //[object RegExp]
Object.prototype.toString.call(new Error());                   //[object Error]
 
Object.prototype.toString.call(document);                      //[object HTMLDocument]
document.toString();                                           //[object HTMLDocument]
Object.prototype.toString.call(window);                        //[object Window]
window.toString();                                             //[object Window]
 
 
//toString通过原型链调用Object.prototype.toString,可达到同样效果
toString.call([]);                                             //[object Array]

疑问,为何通过Object.toString的方式不能调用原型链上的toString方法呢?

虽然所有对象的原型链最顶端都是Object.prototype,但同时Object本身也是一个构造函数,继承于Function,调用Object.toString最终通过原型链调用的是Function.prototype.toString。相关关系如下

Object.prototype.__proto__ === null; // true
Function.prototype.__proto__ === Object.prototype; //true
 
Object.toString === Function.prototype.toString; //true

JS内置对象即构造函数的toString方法

Number、String,Boolean,Array,RegExp、Date、Function等内置对象均重写了Object原型上的toString方法,作用为将当前数据类型转为字符串类型。

Number.toString();           // "function Number() { [native code] }"
String.toString();           // "function String() { [native code] }"
Boolean.toString();          // "function Boolean() { [native code] }"
Array.toString();            // "function Array() { [native code] }"
RegExp.toString();           // "function RegExp() { [native code] }"
Date.toString();             // "function Date() { [native code] }"
RegExp.toString();           // "function RegExp() { [native code] }"
Function.toString();         // "function Function() { [native code] }"

  demo:https://www.cnblogs.com/youhong/p/6209054.html

posted @ 2022-05-26 01:10  菜鸟小何  阅读(378)  评论(0编辑  收藏  举报