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方法,作用为将当前数据类型转为字符串类型。

1
2
3
4
5
6
7
8
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 @   菜鸟小何  阅读(419)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
历史上的今天:
2020-05-26 Vue-router与hash与history区别
2020-05-26 style中加了scoped无法更改element ui样式解决办法
点击右上角即可分享
微信分享提示