TypeError: "x" is read-only

报错消息

TypeError: "x" is read-only (Firefox) //格式错误："x"只读。(x 可以代表任意值) TypeError: 0 is read-only (Firefox) TypeError: Cannot assign to read only property 'x' of #<Object> (Chrome) //格式错误：对象的 x 属性是只读的不能设置（chrome） TypeError: Cannot assign to read only property '0' of [object Array] (Chrome)

错误格式

TypeError

哪里出错了？

全局变量或对象属性被设置为只读 (专业点讲，就是这条数据属性禁止写入.)

这条错误值发生在strict mode code(俗称严格模式). 正常情况下，是没有报错的。

例如

无效例子（也就是下面这么做会导致报这种错）

只读属性不能直接创建，但我们可以通过Object.defineProperty() 或 Object.freeze()设置。

js
"use strict"; var obj = Object.freeze({name: "Elsa", score: 157}); obj.score = 0; // TypeError "use strict"; Object.defineProperty(this, "LUNG_COUNT", {value: 2, writable: false}); LUNG_COUNT = 3; // TypeError "use strict"; var frozenArray = Object.freeze([0, 1, 2]); frozenArray[0]++; // TypeError 还有几个 JavaScript 内置属性。如果你尝试修改一个常量。 "use strict"; Math.PI = 4; // TypeError

傻了吧，报错了

全局变量 undefined 也是只读的, 所以你不能忽视臭名昭著的"undefined is not a function"错误：

js
"use strict"; undefined = function () {}; // TypeError: "undefined" is read-only

下面这样都是有效，不报错的

js
"use strict"; var obj = Object.freeze({ name: "Score", points: 157 }); obj = { name: obj.name, points: 0 }; // 用一个新对象替换原来的对象 (其实就是更改了对象的指针) ("use strict"); var LUNG_COUNT = 2; // LUNG_COUNT = 3; //

参见