I have a simple class, and I want to assign a value to a readonly property in a method initiated by the constructor, but it says [ts] Cannot assign to 'readOnlyProperty' because it is a constant or a read-only property.Why can't I assign a value to the property even though I am calling process from the constructor?

Sample Code:

class C { readonly readOnlyProperty: string; constructor(raw: string) { this.process(raw); } process(raw: string) { this.readOnlyProperty = raw; // [ts] Cannot assign to 'readOnlyProperty' because it is a constant or a read-only property. }
}

1

4 Answers

I usually use this workaround.

 private _myValue = true get myValue (): boolean { return this._myValue }

Now you can change the property from within the class and the property is readonly from the outside. One advantage of this workaround is that you can refactor your property names without generating errors. That's why I wouldn't use something like this (this as any).readOnlyProperty = raw.

Instead of "casting" this as any, you can still enforce type checking by modifying just this property:

(this.readOnlyProperty as string) = raw; // OK
(this.readOnlyProperty as string) = 5; // TS2322: Type '5' is not assignable to type 'string'.

1

When you create a separate function to assign the value, this separate function can be used from somewhere else than the sole constructor. The compiler will not check (and for a public function, will not even be able to check) that the function is only called from constructor. So the error.

You have 2 workarounds to assign the value anyway. The cleaner would be to put the core of your separate function into the constructor. The other one, which will make you loose the type checking and so is not recommanded unless you really know what you are doing would be to convert this into any:

(this as any).readOnlyProperty = raw

Pretty old question but thought it was still worth sharing how I usually get past this. I tend to return the value you want to set from the method, then you're still separating the logic, while also keeping readonly without any arguably illegal bypasses. e.g...

class C { readonly readOnlyProperty: string; constructor(raw: string) { this.readOnlyProperty = this.process(raw); } process(raw: string) { // ...some logic that processes 'raw'... return raw; }
}

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password Submit

Post as a guest

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy