JavaScript中原始值的理解

短命女 2022-05-04 00:58 267阅读 0赞

**原始值：**

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

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

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

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

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

详见：[http://coolcao.com/2016/08/19/js对象的toString-方法和valueOf-方法/][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)

返回值有：

String | Number | Boolean | Null | Undefined | Function | Array | Object | RegExp | Date | Error | Arguments

[http_coolcao.com_2016_08_19_js_toString-_valueOf-]: http://coolcao.com/2016/08/19/js%E5%AF%B9%E8%B1%A1%E7%9A%84toString-%E6%96%B9%E6%B3%95%E5%92%8CvalueOf-%E6%96%B9%E6%B3%95/

发表评论取消回复

表情：

评论列表（有 0 条评论，267人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS变量的原始值和引用值

原始值类型:Undefined、Null、Boolean、Number 和 String 型；引用值类型:object，Array , 函数;存储在堆（heap）中的对象

谁践踏了优雅/ 2022年12月02日 03:56/ 0 赞/ 191 阅读

相关 javaScript对象转换为原始值的过程

javascript中对象到字符串的转换经历的过程如下： 1. 如果对象具有toString()方法，javaScript会优先调用次方法。如果返回的是一个原始值（原始

分手后的思念是犯贱/ 2022年09月27日 06:30/ 0 赞/ 202 阅读

相关 JavaScript的原始类型

原始值与引用值在ECMAScript 中，变量可以存放两种类型的值，即原始值和引用值。原始值（primitive value）是存放在栈（stack

「爱情、让人受尽委屈。」/ 2022年08月07日 05:39/ 0 赞/ 145 阅读

相关对javascript中复制变量值的理解

基本数据类型： var num1=5; var num2=num1; ![这里写图片描述][SouthEast] 进行复制时，首先创建一个num1的副本，然后赋

悠悠/ 2022年07月13日 20:07/ 0 赞/ 254 阅读

相关 JavaScript数据操作--原始值和引用值的操作本质

原始值不管是变量赋值还是函数传递都不会改变原值，引用值不管是变量赋值还是函数传递，如果新变量重新赋值，则不会影响原引用值，如新变量是直接操作，就会影响原引用值。首先明确，

野性酷女/ 2022年07月12日 02:43/ 0 赞/ 183 阅读

相关 JavaScript数据操作--原始值和引用值的操作本质

原始值不管是变量赋值还是函数传递都不会改变原值，引用值不管是变量赋值还是函数传递，如果新变量重新赋值，则不会影响原引用值，如新变量是直接操作，就会影响原引用值。首先明确，

小灰灰/ 2022年07月12日 02:43/ 0 赞/ 194 阅读

相关 javascript中不可变的原始值和可变对象

最近在学Angular4，所以少写了blog。然后昨晚学到时候碰到了ngOnChanges这个钩子，可变对象和不可变原始值对触不触发这个钩子是不同的。然后我就总结了一下可变对象

╰+攻爆jí腚メ/ 2022年06月05日 03:16/ 0 赞/ 319 阅读

相关 JavaScript中原始值的理解

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

短命女/ 2022年05月04日 00:58/ 0 赞/ 268 阅读

相关 ECMAscript原始值和引用值

在ECMAScript中，变量可存放两种类型的值，即原始值和引用值。原始值 > 存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。

末蓝、/ 2022年04月25日 04:24/ 0 赞/ 196 阅读

相关 JavaScript原始值/基本类型、引用值/引用类型比较

> 原始值和引用值存储方式、可改变/不可改变、相互比较的方法 JJavaScript 中的原始值/基本类型（undefained、null、布尔值、数字和字符串）与引用值/引

╰半夏微凉°/ 2022年04月18日 04:18/ 0 赞/ 351 阅读