技术指南：揭开 {} 与 Object {} 的神秘面纱

JavaScript 数据类型：揭开 {}、Number、String 的神秘面纱

在 JavaScript 的广阔天地中，数据类型是构建代码的基础。理解不同数据类型之间的差异对于编写健壮、可维护的代码至关重要。在本文中，我们将深入探讨 {}、Number/number、String/string 等数据类型之间的区别，并了解它们如何塑造我们的代码世界。

{} vs Object {}：兄弟阋墙，殊途同归

乍一看，{} 和 Object {} 似乎是一对孪生兄弟。它们都是对象字面量，用于创建对象。然而，仔细观察，我们会发现一丝微妙的差别。{} 是一个空对象字面量，没有任何属性或方法。而 Object {} 则包含一个属性，该属性的键为空字符串（""），值为 undefined。

const emptyObject = {};
const objectWithEmptyProperty = new Object();

console.log(emptyObject); // {}
console.log(objectWithEmptyProperty); // { "": undefined }

识别数据类型：拨开迷雾，见分晓

在 JavaScript 中，辨别和判断数据类型并不是一项艰巨的任务。我们只需借助 typeof 运算符即可轻松完成。typeof 运算符会返回一个字符串，该字符串代表数据类型。

console.log(typeof {}); // "object"
console.log(typeof new Object()); // "object"
console.log(typeof null); // "object"

console.log(typeof 42); // "number"
console.log(typeof "Hello World!"); // "string"
console.log(typeof true); // "boolean"

值得注意的是，typeof null 返回 "object"，这源于历史遗留问题。null 并不是一个对象，而是一个表示空值的特殊值。

Number/number、String/string：同名异姓，各显神通

在 JavaScript 的舞台上，Number 和 number 虽然同名，但扮演着不同的角色。Number 是一个包装类，用于创建和操作数字值。number 则是一个原始数据类型，表示一个数字值。

const numberPrimitive = 42;
const numberObject = new Number(42);

console.log(numberPrimitive); // 42
console.log(numberObject); // Number { [[PrimitiveValue]]: 42 }

类似地，String 和 string 也遵循这一模式。String 是一个包装类，用于创建和操作字符串值。string 则是一个原始数据类型，表示一个字符串值。

const stringPrimitive = "Hello World!";
const stringObject = new String("Hello World!");

console.log(stringPrimitive); // "Hello World!"
console.log(stringObject); // String { [[PrimitiveValue]]: "Hello World!" }

结语

恭喜你，你已经掌握了 JavaScript 数据类型之间的奥秘！理解这些区别对于编写健壮、可维护的代码至关重要。从 {} 和 Object {} 之间的微妙差别，到 Number/number 和 String/string 的双重本质，这些知识将赋予你操纵 JavaScript 数据的强大力量。

常见问题解答

1. 如何检查一个变量是否为空对象？

if (Object.keys(object).length === 0) {
  // object 是一个空对象
}

2. 为什么 typeof null 返回 "object"？

这是一种历史遗留问题。null 并不是一个对象，而是一个表示空值的特殊值。

3. Number 和 number 之间有什么区别？

Number 是一个包装类，用于创建和操作数字值。number 则是一个原始数据类型，表示一个数字值。

4. String 和 string 之间有什么区别？

String 是一个包装类，用于创建和操作字符串值。string 则是一个原始数据类型，表示一个字符串值。

5. 原始数据类型和包装类数据类型有什么区别？

原始数据类型是不可变的，这意味着一旦创建，它们就不能被修改。包装类数据类型是可变的，这意味着它们可以被修改。