不同类型值的toString方法：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | //Number const num = 123; num.toString(); // '123' (123).toString(); // '123' 整数必须赋值给变量后或放在括号中再调用toString 1.23.toString(); // '1.23' 小数可直接调用 NaN.toString(); // 'NaN' Infinity.toString(); // 'Infinity' -Infinity.toString(); // -Infinity 根据运算符优先级关系，先执行toString再将String转为Number //数字通过toString进行进制转换 num.toString(); // '123' 默认转为十进制 num.toString(2); // '1111011' num.toString(8); // '173' num.toString(16); // '7b' //Array [1,2,3].toString(); // '1,2,3' 结果与数组的join()方法相同 //Object ({}).toString(); // "[object Object]" //Function const func = function(){}; func.toString(); // "function(){}" //Boolean const t = true, f = false; t.toString(); // 'true' 返回对应字符串 f.toString(); // 'false' //undefined、null对象没有toString方法 |
Object.toString与Object.prototype.toString的区别
首先明确一下toString相同的调用方式：
1 2 | console.log(toString === window.toString); // true console.log(window.toString === Object.prototype.toString); // true |
Object原型链上的toString方法可以用于对象类型的判断，如常用的区分数组与普通对象。（参考文章）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 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。相关关系如下：
1 2 3 4 | 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] }" |