JavaScript中原始值的理解

原始值：

概念：原始类型的值就是原始值，即原始值有string,、number、boolean、null和undefined五种。

valueOf() 和 toString() 方法的使用：

null和undefined没有valueOf和toString方法，调用时报错。
默认情况下调用的是valueOf方法：

每个JavaScript对象的 valueOf 方法定义不同：

对象	返回值
String	字符串值
Number	数字值
Boolean	Boolean 值
Object	对象本身
Array	数组的元素被转换为字符串，这些字符串由逗号分隔，连接在一起。其操作与 Array.toString 和 Array.join 方法相同
Function	函数本身
Date	存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC

详见：http://coolcao.com/2016/08/19/js对象的toString-方法和valueOf-方法/

// 函数：
<script> 
  var f = function () {}
  console.log(f) // ƒ () {}
  console.log(f.toString()) // function () {}
  console.log(f.valueOf()) // f () {}
</script>

// 对象
<script> 
  var obj = {a: 1, b: 'ss'}
  console.log(obj) // {a: 1, b: "ss"}
  console.log(obj.toString()) // [object Object]
  console.log(obj.valueOf()) // {a: 1, b: "ss"}
</script>

（1）调用对象的valueOf方法，如果返回值是原始值直接返回，否则返回对象本身。

（2）对于数组，如果不重写其toString()方法，其默认实现就是调用数组的 join()方法返回值作为toString()的返回值。

例1：

[1,2,3].toString()  // '1,2,3'

var str = new String("11")
console.log(str) //String {"11"}
console.log(str.valueOf()) // 11 (typeof返回string)
console.log(str.toString()) // 11 (typeof返回string)

str.valueOf()的返回值为11的原因：

此处的valueOf方法调用的是String原型上的valueOf方法，而非Object对象原型上的valueOf方法，原型链结构中String.prototype在Object.prototype之前，而String.prototype.valueOf方法返回的是一个字符串，故返回值为11。

例2：

<script> 
  var obj = new Object({a: 1})
  console.log(obj) // {a: 1}
  console.log(obj.valueOf()) // {a: 1}
  console.log(obj.toString()) // [object Object]
  console.log(obj + 1) // [object Object]1
</script>

原因：使用对象进行运算时，首先调用的是valueOf方法，此时valueOf的返回值仍旧是对象，因此会再调用toString方法进行运算，故返回值时[object Object]1。

判断一个值的具体类型：

使用Object.prototype.toString().call(val)

返回值有：

JavaScript中原始值的理解

猜你喜欢