javascript - 在 elm.dataset 上使用 Object.defineProperty，但属性仍然可以更改

Question

我正在尝试使用 Object.defineProperty 在 Canvas 元素的数据集上设置不可更改的属性。在普通物体上这工作得很好。但是当我尝试在数据集对象上执行此操作时，该属性仍然是可变的。

<canvas id="can" style="outline:1px solid black"></canvas>

<script>
var can = document.getElementById("can");
var obj = {};
Object.defineProperty(can.dataset,"id",{value:2,configurable:false});
Object.defineProperty(obj,"id",{value:4,configurable:false});

can.dataset.id = 55;
console.log(can.dataset.id) //Returns "55" as a string

obj.id = 55;
console.log(obj.id) //Returns 4 - unchanged

</script>

使用 writable: false 也不能解决这个问题。 有没有办法解决这个问题，这是一个错误，我不应该以这种方式使用 Object.defineProperty 吗？

Answer 1

主机提供的对象不需要支持 JavaScript 定义的全套对象功能。此外，dataset 被指定为 DOMStringMap与 well-defined semantics 。您尝试做的事情会使其不遵循这些语义。如果它有效，那么可以说那将是一个错误；不工作的是主机维护对象的定义行为。