Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
543 views
in Technique[技术] by (71.8m points)

Typescript - removing readonly modifier

In Typescript, is it possible to remove the readonly modifier from a type?

For example:

type Writeable<T> = { [P in keyof T]: T[P] };

Usage:

interface Foo {
    readonly bar: boolean;
}

let baz: Writeable<Foo>;

baz.bar = true;

Is it possible to add a modifier to the type to make all the properties writeable?

question from:https://stackoverflow.com/questions/42999983/typescript-removing-readonly-modifier

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

There's a way:

type Writeable<T extends { [x: string]: any }, K extends string> = {
    [P in K]: T[P];
}

(code in playground)

But you can go the opposite way and it will make things much easier:

interface Foo {
    bar: boolean;
}

type ReadonlyFoo = Readonly<Foo>;

let baz: Foo;
baz.bar = true; // fine

(baz as ReadonlyFoo).bar = true; // error

(code in playground)


Update

Since typescript 2.8 there's a new way to do it:

type Writeable<T> = { -readonly [P in keyof T]: T[P] };

If you need your type to be writeable recursively, then:

type DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };

These type definitions are called mapped types


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...