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