【JS】toString 和 valueOf 方法

转字符串 toString()

Number.prototype.toString()

• toString() 方法：返回指定 Number 对象的字符串表示形式。
• 语法：

/*
	radix: 指定要用于数字到字符串的转换的基数(从2到36)。
*/
numObj.toString([radix])

// 参数
- 如果未指定 radix 参数，则默认值为 10。

• 示例：

var count = 10;

console.log(count.toString());    // 输出 '10'
console.log((17).toString());     // 输出 '17'
console.log((17.2).toString());   // 输出 '17.2'

var x = 6;

console.log(x.toString(2));       // 输出 '110'
console.log((254).toString(16));  // 输出 'fe'

console.log((-10).toString(2));   // 输出 '-1010'
console.log((-0xff).toString(2)); // 输出 '-11111111'

Array.prototype.toString()

• toString()方法：返回由数组中每个值的等效字符串拼接而成的一个由逗号分隔的字符串。

let colors = ['red','green','blue'];

console.log(colors.toString());	// 'red,green,blue'

Object.prototype.toString()

• toString() 方法：返回一个表示该对象的字符串。
• 默认情况下，toString() 方法被每个 Object 对象继承。
• 如果此方法在自定义对象中未被覆盖，toString() 返回 “[object type]”，其中 type 是对象的类型。

var o = new Object();
o.toString(); // 返回 [object Object]

• 使用 toString() 检测对象类型

var toString = Object.prototype.toString;

toString.call(new Date); // [object Date]
toString.call(new String); // [object String]
toString.call(Math); // [object Math]

//Since JavaScript 1.8.5
toString.call(undefined); // [object Undefined]
toString.call(null); // [object Null]

Function.prototype.toString()

• toString() 方法：返回一个表示当前函数源代码的字符串。

function sum(a, b) {
  return a + b;
}

console.log(sum.toString());
// expected output: "function sum(a, b) {
//                     return a + b;
//                   }"

console.log(Math.abs.toString());
// expected output: "function abs() { [native code] }"

返回本身 valueOf()

• valueOf() 方法：用于返回指定对象的原始值，若对象没有原始值，则将返回对象本身。
• 通常由JavaScript内部调用，而不是在代码中显式调用。
• 当遇到要预期的原始值的对象时，JavaScript会自动调用它。

// Array：返回数组对象本身
var array = ["ABC", true, 12, -5];
console.log(array.valueOf() === array);   // true

// Date：当前时间距1970年1月1日午夜的毫秒数
var date = new Date(2013, 7, 18, 23, 11, 59, 230);
console.log(date.valueOf());   // 1376838719230

// Number：返回数字值
var num =  15.26540;
console.log(num.valueOf());   // 15.2654

// 布尔：返回布尔值true或false
var bool = true;
console.log(bool.valueOf() === bool);   // true

// new一个Boolean对象
var newBool = new Boolean(true);
// valueOf()返回的是true，两者的值相等
console.log(newBool.valueOf() == newBool);   // true
// 但是不全等，两者类型不相等，前者是boolean类型，后者是object类型
console.log(newBool.valueOf() === newBool);   // false

// Function：返回函数本身
function foo(){}
console.log( foo.valueOf() === foo );   // true
var foo2 =  new Function("x", "y", "return x + y;");
console.log( foo2.valueOf() );
/*
ƒ anonymous(x,y
) {
return x + y;
}
*/

// Object：返回对象本身
var obj = {name: "张三", age: 18};
console.log( obj.valueOf() === obj );   // true

// String：返回字符串值
var str = "http://www.xyz.com";
console.log( str.valueOf() === str );   // true

// new一个字符串对象
var str2 = new String("http://www.xyz.com");
// 两者的值相等，但不全等，因为类型不同，前者为string类型，后者为object类型
console.log( str2.valueOf() === str2 );   // false