对象的属性值计算问题

Question

const obj = {a: 1}
obj["a"] = obj["a"]++
obj // {a: 1}

我理解先是执行 obj['a'] = obj['a'], 但是 obj 是一个对象，再执行 obj['a']++ 为什么不奏效呢？

Answer 1

首先要知道 js 对象中的 [[Get]] 和 [[Put]] 操作

我们重新定义一下obj对象中对属性a的getter和setter：
在每次读取和写入时打印一下obj.a的值。

var obj = {
  _a: 1,
  get a() {
    console.log(`get a = ${this._a}`)
    return this._a;
  },
  set a(num) {
    console.log(`set a = ${num}`);
    this._a = num;
  }
}

然后我们执行问题中的操作：
obj["a"] = obj["a"]++
控制台可以看到输出：

可以看出obj.a实际上是读入之后改变后又被修改回来了。

如果学习过《深入理解计算机系统》，对寄存器有了初步了解的话你现在应该猜到这个过程应该是怎样的。

大概是这样（cpp 例子）：

    movl    $1, -4(%rbp)
    movl    -4(%rbp), %eax
    leal    1(%rax), %edx
    movl    %edx, -4(%rbp)
    movl    %eax, -4(%rbp)
    movl    $0, %eax
    popq    %rbp

栈中-4(%rbp)当作obj.a,%edx、%eax是寄存器，可以看出：
1.把obj.a + 1写入edx然后edx写入oxj.a这就是obj.a++的过程。
2.然后把eax写入obj.a，这就是赋值的过程，而值并没有变。

Answer 2

为什么 1+2*3 算出来不是9呢

Answer 3

赋值的优先级比较低，先++。然后赋值。

Answer 4

这个就是i++和++i的区别：

const i = 0;
console.log(i++); // 0

const i = 0;
console.log(++i); // 1

所以你的代码中obj['a'] = obj['a']++等同于

let i = 0;
i = i++;

// ------- 类似伪代码：
i = 0
tmp = i
i = i + 1 // i++
i = tmp // i=

具体计算机的操作，可以尝试着去理解下对应的汇编，寄存器、栈什么的我也是一知半解的，但原理好像就是上面的伪代码

Answer 5

对上边++a和a++的补充

const obj = {a: 1}
obj["a"]++
obj // {a: 2}

还不如直接这样呢