JavaScript中的连续赋值是一种在一条语句中对同一个变量进行多次赋值的操作。这种操作可能会导致一些不直观的结果，特别是当涉及到对象引用时。我们通过一个具体的实例来深入理解这一概念。
让我们看一段代码：
```javascript
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a.x); //undefined
console.log(b.x); //{n: 2}
```
在这个例子中，`a` 和 `b` 都最初指向一个包含 `n: 1` 属性的对象。然后，执行 `a.x = a = {n: 2}` 这一行代码时，JavaScript引擎会按照从左到右的顺序处理。`a = {n: 2}` 创建了一个新的对象，并将 `a` 的引用更改为这个新对象。这意味着 `a` 不再指向原来的 `{n: 1}` 对象，而是指向了新的 `{n: 2}` 对象。
接着，`a.x = ...` 这部分会尝试为 `a` 当前引用的对象设置一个名为 `x` 的属性。但由于 `a` 已经被重新赋值为 `{n: 2}`，所以 `a.x` 会尝试在 `{n: 2}` 对象上添加属性 `x`。但在这之前，`a = {n: 2}` 已经返回了新创建的 `{n: 2}` 对象，因此 `a.x` 实际上是对这个新对象的 `x` 属性的赋值。
然而，由于 `a.x` 在赋值之前就已经被解析（解析阶段发现 `a.x` 未定义，因此在原始对象 `{n: 1}` 上创建了 `x` 属性），所以 `a.x` 的赋值实际上是在原始对象 `{n: 1}` 上完成的，而不是在 `{n: 2}` 上。这就导致了 `a.x` 的值是 `undefined`，因为 `{n: 2}` 对象并没有 `x` 属性。
另一方面，`b` 仍然指向 `{n: 1}` 对象，因此当我们检查 `b.x` 时，我们会看到 `{n: 2}`，因为 `x` 属性已经被添加到原始对象上了。
总结一下，JavaScript 连续赋值可能导致意外的副作用，特别是在涉及到对象引用的时候。理解这一点对于避免潜在的错误和优化代码至关重要。在处理对象和引用时，应当谨慎操作，尤其是在进行链式赋值时，确保清楚地知道变量的当前指向以及将要发生的变化。同时，这个例子也展示了JavaScript引擎的执行顺序和变量提升的概念，帮助我们更好地理解其工作原理。
