Chrome 86: TypeError: Accessor properties are not allowed

Question

我定义了一个属性访问器，它曾经在 Chrome Version 86.0.4240.80 (Official Build) (x86_64) 更新之前工作。

const newSetItem = (x, y) => {
    sessionStorage.setItem(`custom_${x}`, y)
}

Object.defineProperty(localStorage, 'setItem', {get: newSetItem, configurable: true, writeable: true})

此外，这目前在 Firefox 和 Edge 以及 Chrome 85 中运行良好。

现在抛出：

TypeError: Accessor properties are not allowed.

这是最新 Chrome 版本的功能还是有问题？

Answer 1

您正在尝试将 host-provided 奇异对象 (localStorage) 的标准方法 (setItem) 转换为访问器属性 setter方法。即使它奏效了，这也将是一个非常糟糕的主意。（还要注意 setter 方法只接受一个单个参数，而不是两个。）

如果你的目标是在localStorage中设置一些东西，在sessionStorage中设置它，最简单的方法是使localStorage 全局指向 sessionStorage。你不能分配给它（它是read-only），但你可以重新配置它：

Object.defineProperty(window, "localStorage", {
    value: sessionStorage,
    configurable: true
});

（如果您可以确定没有任何代码使用 window.localStorage.setItem(...) 而不仅仅是 localStorage.setItem(...)，那么简单地 let localStorage = sessionStorage; 也可以工作，但您可能不能'不要做出那个假设。）

不过，我不建议这样做。我会尽我所能来改变写入 localStorage 的要求，改为写入 sessionStorage。但如果你做不到，那就是你会做的。

如果你不想让它们像那样等价，那么你必须做同样的事情来用 Proxy 对象替换 localStorage。它必须是代理的原因是 localStorage 和 sessionStorage 不仅通过 setItem 和 getItem 提供对项目的访问，它们还提供命名访问作为属性（例如，localStorage.foo = "bar";）。在 JavaScript 中模拟通配符访问器属性的唯一方法是使用为 get 和 set/defineProperty 陷阱提供处理程序的代理对象。

Chrome 86: TypeError: Accessor properties are not allowed

Chrome 86: TypeError: Accessor properties are not allowed

javascript

google-chrome

accessor