javascript - 尝试更新我的对象中的 bool 属性的 Typescript 收到 "TypeError: Cannot assign to read only property"

Question

如果我有已经定义的对象，如何更改属性的值？我还有其他选择吗？

export interface myTest {
    shouldChange: boolean; // <-- not using readonly
}

const testObj = {
    shouldChange: false
} as myTest;

// later on 
testObj.shouldChange = true // <-- this throws the following error

TypeError: Cannot assign to read only property 'shouldChange' of object '[object Object]'

Answer 1

我不确定此代码是否在 NGRX 上下文中使用，但无论如何，请考虑尝试以下操作:

testObj = {...testObj};

在 NGRX 上下文中，您从存储中获取的数据处于卡住状态并且是只读的。使用此代码(它是扩展运算符，相当于 testObj = Object.Assign({}, testObj) )，您基本上创建了一个与之前的 testObj 看起来相同的全新对象。 。唯一的区别是，该对象没有卡住状态，可以自由调整。

如果您有更深的对象并且需要调整这些对象，则必须使用 cloneDeep来自洛达什

export interface myTest {
    shouldChange: boolean;
    somethingElse: DeepObject;
}

export class DeepObject {
    index: number;
}

testObj = _.cloneDeep(testObj);
testObj.somethingElse.index = 42; // <-- Does not throw errors