Object.toString与Object.prototype.toString的区别
首先明确一下toString相同的调用方式:
11. console.log(toString === window.toString); // true
22. console.log(window.toString === Object.prototype.toString); // true
Object原型链上的toString方法可以用于对象类型的判断,如常用的区分数组与普通对象。(参考文章)
11. Object.prototype.toString.call(''); //[object String]
22. Object.prototype.toString.call(1); //[object Number]
33. Object.prototype.toString.call(true); //[object Boolean]
44. Object.prototype.toString.call([]); //[object Array]
55. Object.prototype.toString.call({}); //[object Object]
66. Object.prototype.toString.call(undefined); //[object Undefined]
77. Object.prototype.toString.call(null); //[object Null]
88. Object.prototype.toString.call(new Function()); //[object Function]
99. Object.prototype.toString.call(new Date()); //[object Date]
1010. Object.prototype.toString.call(new RegExp()); //[object RegExp]
1111. Object.prototype.toString.call(new Error()); //[object Error]
1213. Object.prototype.toString.call(document); //[object HTMLDocument]
1314. document.toString(); //[object HTMLDocument]
1415. Object.prototype.toString.call(window); //[object Window]
1516. window.toString(); //[object Window]
1619. //toString通过原型链调用Object.prototype.toString,可达到同样效果
1720. toString.call([]); //[object Array]
由此而引出疑问,为何通过Object.toString的方式不能调用原型链上的toString方法呢?
虽然所有对象的原型链最顶端都是Object.prototype,但同时Object本身也是一个构造函数,继承于Function,调用Object.toString最终通过原型链调用的是Function.prototype.toString。相关关系如下:
11. Object.prototype.__proto__ === null; // true
22. Function.prototype.__proto__ === Object.prototype; //true
34. Object.toString === Function.prototype.toString; //true
JS内置对象即构造函数的toString方法
Number、String,Boolean,Array,RegExp、Date、Function等内置对象均重写了Object原型上的toString方法,作用为将当前数据类型转为字符串类型。
11. Number.toString(); // "function Number() { [native code] }"
2
32. String.toString(); // "function String() { [native code] }"
4
53. Boolean.toString(); // "function Boolean() { [native code] }"
6
74. Array.toString(); // "function Array() { [native code] }"
8
95. RegExp.toString(); // "function RegExp() { [native code] }"
10
116. Date.toString(); // "function Date() { [native code] }"
12
137. RegExp.toString(); // "function RegExp() { [native code] }"
14
158. Function.toString(); // "function Function() { [native code] }"
16
17
个人笔记记录 2021 ~ 2025