javascript - 为什么浏览器会两次获取 Symbol.unscopables？

Question

with(new Proxy({}, {
  has() { return true },
  get(obj, key, proxy) { return console.log(String(key)) } })
) {
  a--
}

Chrome 中的输出:

Symbol(Symbol.unscopables)
a
Symbol(Symbol.unscopables)

Firefox 中的输出:

Symbol(Symbol.unscopables)
Symbol(Symbol.unscopables)
a

据我了解，一个获取与阅读值(value)相关，另一个与分配相关。

a-- 应该写到读取 a 的地方是合乎逻辑的。 不，不是。

但是两次获取 Symbol.unscopables 的值提示我们，可以将一个对象传递给读取对象，将另一个对象传递给写入对象。

真的要那样工作吗？规范怎么说？

实际上，它几乎适用于 Chrome 和 FF - 可以从一个对象读取并写入另一个对象，但会导致不同的结果:

更新:Safari 10 只读取一次。

var a, b, flag = true

with (a = { x: 7 })
  with (b = { x: 4, get [Symbol.unscopables]() { return { x: flag=!flag } } })
    x++

                 // Chrome   FF       Safari   Edge
console.log(a)   // {x:5}    {x:7}    {x:7}    {x:5}
console.log(b)   // {x:4}    {x:8}    {x:5}    {x:4}

附言:Same question in Russian

Answer 1

根据规范，@@unscopables 对于“x++”应该只读一次，据我所知。详见 https://mail.mozilla.org/pipermail/es-discuss/2017-February/047725.html

所以 Chrome 和 Firefox 都存在问题。 Safari 做到了这一点。

另见 https://bugzilla.mozilla.org/show_bug.cgi?id=1341061和 https://bugs.chromium.org/p/v8/issues/detail?id=5992