Javascript 这是有意设计的对象析构吗：赋值结果不同，因为要赋值的值是否为对象文字

发布于10月31日

我总是有这样一种直觉，代码中的表达式可以在心理上被它的计算结果替换.但是，以下两个代码片段具有不同的执行结果.

let obj = {};
({a: obj.b, b: obj.a} = {a: 1, b: 2}); //* This line
console.log(obj); // {b: 1, a: 2}

与

let obj = {a: 1, b: 2};
({a: obj.b, b: obj.a} = obj); //* and this line
console.log(obj); // {a: 1, b: 1}

我认为这两条带星号的线在我的大脑中是一样的，但它们有不同的执行结果.

这是故意设计的吗？

推荐答案

对象析构只是这方面的句法糖分:

let obj = {};

// ({a: obj.b, b: obj.a} = {a: 1, b: 2});
const __temp_source = {a: 1, b: 2};
obj.b = __temp_source.a;
obj.a = __temp_source.b;

console.log(obj); // {b: 1, a: 2}

但在这里，源和目标是同一个对象

let obj = {a: 1, b: 2};

// ({a: obj.b, b: obj.a} = obj);
obj.b = obj.a;
obj.a = obj.b;

console.log(obj); // {a: 1, b: 1}

你能做的就是

let obj = {a: 1, b: 2};

[obj.a, obj.b] = [obj.b, obj.a];

// const __temp_source = [obj.a, obj.b];
// obj.b = __temp_source[0];
// obj.a = __temp_source[1];

console.log(obj); // {a: 2, b: 1}