Swap 使用 Javascript/ES6 解构赋值不按预期工作

Question

我认为 JavaScript ES6 Swap 解构赋值是一个与顺序无关的操作。 下面，在 Chrome 和 Firefox 上执行时，给出相同（看似）错误的结果。 由于 Chromium 和 Firefox 不太可能有相同的错误，我想知道我是否理解错误。 你能帮助理解为什么会这样吗？

代码：

let node3 = {id: 3, next: null};
let node2 = {id: 2, next: node3};
let node1 = {id: 1, next: node2};

[node1.next, node1] = [null, node1.next];
console.log(`${node1} ${node1?.id}, ${node1?.next?.id}`);

结果（node1.next 指向 node3）：

 [object Object] 2, 3

相同的代码（只是分配顺序颠倒了）：

let node3 = {id: 3, next: null};
let node2 = {id: 2, next: node3};
let node1 = {id: 1, next: node2};

[node1, node1.next] = [node1.next, null];
console.log(`${node1} ${node1?.id}, ${node1?.next?.id}`);

结果（node1.next 现在为空！）：

[object Object] 2, **undefined**

Answer 1

你似乎误解了解构逻辑。 您的示例分解（稍微挥手）为

let node3 = {id: 3, next: null};
let node2 = {id: 2, next: node3};
let node1 = {id: 1, next: node2};

// [node1.next, node1] = [null, node1.next];
let tmp = [null, node1.next];
node1.next = tmp[0];
node1 = tmp[1];
console.log(`${node1} ${node1?.id}, ${node1?.next?.id}`);

你的第二个交换了两条tmp行

// [node1, node1.next] = [node1.next, null];
let tmp = [node1.next, null];
node1 = tmp[0];
node1.next = tmp[1];

第二个失败了，因为你现在基本上在做

let node1Next = node1.next;
node1 = node1Next;
node1.next = null;

第一个功能性示例在做什么

let node1Next = node1.next;
node1.next = null;
node1 = node1Next;