一篇文章通透剖析连等赋值a.x = a = {n:2}与a = a.x = {n:2}差异与联系

连等赋值和普通赋值是JavaScript中两种常用的赋值方式，它们之间存在着一些微妙的区别和联系。本文将通过深入解析JavaScript中变量、内存、对象和赋值的底层机制，详细探讨连等赋值（a.x = a = {n:2}）和普通赋值（a = a.x = {n:2}）之间的差异与联系，帮助读者掌握这些赋值方式的正确用法。

一、变量、内存和对象的基本概念

1. 变量

在计算机编程中，变量是指可以存储数据的命名内存位置。变量可以存储不同类型的数据，如数字、字符串、布尔值、对象等。变量通过变量名来标识，变量的值可以通过赋值操作来改变。

2. 内存

内存是计算机中用来存储数据的物理介质。内存分为两种类型：静态内存和动态内存。静态内存是指程序代码和数据在编译时就已经分配好的内存，而动态内存是指在程序运行时才分配的内存。

3. 对象

对象是JavaScript中的一种数据类型，它可以存储一组相关的数据。对象由属性和方法组成，属性是对象的键值对，方法是对象的函数。对象可以通过字面量或构造函数来创建。

二、连等赋值和普通赋值的区别

1. 语法格式

连等赋值的语法格式为：a.x = a = {n:2} ，普通赋值的语法格式为：a = a.x = {n:2} 。

2. 执行顺序

连等赋值首先将a.x 的值赋给a ，然后将**{n:2}** 的值赋给a ，最后将**{n:2}** 的值赋给a.x 。普通赋值首先将a 的值赋给a.x ，然后将**{n:2}** 的值赋给a ，最后将**{n:2}** 的值赋给a.x 。

3. 实际运行效果

连等赋值的实际运行效果是：a 和a.x 都指向同一个对象**{n:2}** ，而普通赋值的实际运行效果是：a 指向对象**{n:2}** ，而a.x 指向对象**{n:2}** 的属性n 的值。

三、连等赋值和普通赋值的联系

1. 相同点

连等赋值和普通赋值都可以用来给变量赋值。

2. 不同点

连等赋值可以给对象的属性赋值，而普通赋值只能给变量赋值。

四、连等赋值和普通赋值的应用场景

1. 连等赋值

连等赋值通常用于给对象的属性赋值，例如：

const obj = {
  name: '张三',
  age: 20
};

obj.name = '李四'; // 连等赋值，给对象的属性赋值

2. 普通赋值

普通赋值通常用于给变量赋值，例如：

let a = 10; // 普通赋值，给变量赋值

a = 20; // 普通赋值，改变变量的值

五、总结

连等赋值和普通赋值是JavaScript中两种常用的赋值方式，它们之间存在着一些微妙的区别和联系。连等赋值可以给对象的属性赋值，而普通赋值只能给变量赋值。在实际应用中，我们可以根据需要选择合适的赋值方式。