在JavaScript中，有两种类型的数据：原始值和对象。理解它们之间的区别至关重要，因为它们对于我们编写高效且可靠的代码至关重要。
原始值
JavaScript的原始值包括：字符串、数字、布尔值、null和undefined。这些值是不可改变的，也就是说，一旦它们被创建，它们就不能被修改。
字符串
字符串是由任意数量的字符组成的序列，可以用单引号或双引号表示。例如：
let str1 = 'Hello'; let str2 = "World";
数字
数字可以是整数或浮点数。例如：
let num1 = 42; let num2 = 3.14;
布尔值
布尔值只有两个值：true和false。例如：
let bool1 = true; let bool2 = false;
null
null表示一个空对象引用。如果将变量设置为null，则他指向的内存地址就不再包含有效的对象。例如：
let myVar = null;
undefined
undefined表示一个未定义的值。如果变量没有被初始化或者不存在，则其值为undefined。例如：
let myVar; console.log(myVar); // 输出undefined
对象
对象是复合值，可以存储多个值（属性）。在JavaScript中，对象是由{}括起来的一组键值对，如下所示：
let obj = {
name: 'John',
age: 30,
city: 'New York'
};对象引用
当我们将一个对象复制给另外一个变量时，实际上是将一个指向该对象的引用复制了过去。这意味着两个变量实际上引用了同一个对象，而不是创建了两个相同的对象。
例如：
let obj1 = {name: 'John'};
let obj2 = obj1;
obj2.name = 'Jane';
console.log(obj1.name); // 输出'Jane'在这个例子中，obj1和obj2都引用同一个对象。因此，当我们修改obj2的属性时，obj1也会受到影响。
原始值与对象的比较
当我们比较两个原始值时，JavaScript会比较它们的实际值。例如：
let x = 5; let y = 5; console.log(x === y); // 输出true
当我们比较两个对象时，JavaScript会比较它们的引用（即它们是否引用同一个对象）。例如：
let obj1 = {name: 'John'};
let obj2 = {name: 'John'};
console.log(obj1 === obj2); // 输出false在这个例子中，obj1和obj2虽然有相同的属性，但它们是两个不同的对象，因此比较结果为false。
总结
在JavaScript中，我们通过原始值和对象来表示不同类型的数据。了解它们之间的区别对于编写高效且可靠的代码至关重要。此外，在操作对象时，需要牢记引用的概念，以避免出现意外的行为。
示例代码：
-- -------------------- ---- ------- --- ---- - -------- --- ---- - -------- --- ---- - --- --- ---- - ----- --- ----- - ----- --- ----- - ------ --- ----- - ----- --- ------- --- ---- - ------ -------- --- ---- - ----- --------- - ------- ------------------ ------------------ ------------------- ------------------- -------------------- ---------------- --- ------ ----------------------- -----------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/2771