我们来看看原始类型和对象之间的关键区别。
一个原始值：

  • 是原始类型中的一种值。
  • 在 JavaScript 中有 7 种原始类型：string，number，bigint，boolean，symbol，null 和 undefined。

一个对象：

  • 能够存储多个值作为属性。
  • 可以使用大括号 {} 创建对象，例如：{name: “John”, age: 30}。JavaScript 中还有其他种类的对象，例如函数就是对象。

关于对象的最好的事儿之一是，我们可以把一个函数作为对象的属性存储到对象中。

  1. let john = {
  2.   name: "John",
  3.   sayHi: function() {
  4.     alert("Hi buddy!");
  5.   }
  6. };
  8. john.sayHi(); // Hi buddy!

所以我们在这里创建了一个包含 sayHi 方法的对象 john。
许多内建对象已经存在，例如那些处理日期、错误、HTML 元素等的内建对象。它们具有不同的属性和方法。
但是，这些特性（feature）都是有成本的！
对象比原始类型“更重”。它们需要额外的资源来支持运作。

当作对象的原始类型

以下是 JavaScript 创建者面临的悖论：

  • 人们可能想对诸如字符串或数字之类的原始类型执行很多操作。最好将它们作为方法来访问。
  • 原始类型必须尽可能的简单轻量。

而解决方案看起来多少有点尴尬，如下：

  1. 原始类型仍然是原始的。与预期相同，提供单个值
  2. JavaScript 允许访问字符串，数字，布尔值和 symbol 的方法和属性。
  3. 为了使它们起作用，创建了提供额外功能的特殊“对象包装器”，使用后即被销毁。

“对象包装器”对于每种原始类型都是不同的，它们被称为 String、Number、Boolean 和 Symbol。因此，它们提供了不同的方法。
例如，字符串方法 str.toUpperCase() 返回一个大写化处理的字符串。

  1. let str = "Hello";
  3. alert( str.toUpperCase() ); // HELLO

很简单，对吧？以下是 str.toUpperCase() 中实际发生的情况：

  1. 字符串 str 是一个原始值。因此，在访问其属性时，会创建一个包含字符串字面值的特殊对象，并且具有有用的方法，例如 toUpperCase()。
  2. 该方法运行并返回一个新的字符串（由 alert 显示）。
  3. 特殊对象被销毁，只留下原始值 str。

所以原始类型可以提供方法，但它们依然是轻量级的。
JavaScript 引擎高度优化了这个过程。它甚至可能跳过创建额外的对象。但是它仍然必须遵守规范，并且表现得好像它创建了一样。
数字有其自己的方法，例如，toFixed(n) 将数字舍入到给定的精度：

  1. let n = 1.23456;
  3. alert( n.toFixed(2) ); // 1.23

我们将在后面 数字类型 和 字符串 章节中看到更多具体的方法。

构造器 String/Number/Boolean 仅供内部使用

像 Java 这样的一些语言允许我们使用 new Number(1) 或 new Boolean(false) 等语法，明确地为原始类型创建“对象包装器”。
在 JavaScript 中，由于历史原因，这也是可以的，但极其 不推荐。因为这样会出问题。
例如：

  1. alert( typeof 0 ); // "number"
  3. alert( typeof new Number(0) ); // "object"!

对象在 if 中始终为真，因此此处的 alert 将显示：

  1. let zero = new Number(0);
  3. if (zero) { // zero 为 true，因为它是一个对象
  4.   alert( "zero is truthy?!?" );
  5. }

另一方面，调用不带 new（关键字）的 String/Number/Boolean 函数是完全理智和有用的。它们将一个值转换为相应的类型：转成字符串、数字或布尔值（原始类型）。
例如，下面完全是有效的：

  1. let num = Number("123"); // 将字符串转成数字

null/undefined 没有任何方法

特殊的原始类型 null 和 undefined 是例外。它们没有对应的“对象包装器”，也没有提供任何方法。从某种意义上说，它们是“最原始的”。
尝试访问这种值的属性会导致错误：

  1. alert(null.test); // error

总结

  • 除 null 和 undefined 以外的原始类型都提供了许多有用的方法。我们后面的章节中学习这些内容。
  • 从形式上讲，这些方法通过临时对象工作，但 JavaScript 引擎可以很好地调整，以在内部对其进行优化，因此调用它们并不需要太高的成本。

    我能为字符串添加一个属性吗？

    ```javascript let str = “Hello”;

str.test = 5; // (*)

alert(str.test); ``` 你怎么想的呢，它会工作吗？会得到什么样的结果？

根据你是否开启了严格模式 use strict，会得到如下结果：

  1. undefined（非严格模式）
  2. 报错（严格模式）。

为什么？让我们看看在 (*) 那一行到底发生了什么：

  1. 当访问 str 的属性时，一个“对象包装器”被创建了。
  2. 在严格模式下，向其写入内容会报错。
  3. 否则，将继续执行带有属性的操作，该对象将获得 test 属性，但是此后，“对象包装器”将消失，因此在最后一行，str 并没有该属性的踪迹。

这个例子清楚地表明，原始类型不是对象。
它们不能存储额外的数据。