Readonly

• Introduction
• Examples
  • interface
  • type
  • class property

Introduction

TypeScript type system allows you to mark individual properties on [TypeScript Interfaces](TypeScript Interfaces), [TypeScript Type Alias](TypeScript Type Alias) and [TypeScript Classes](TypeScript Classes) properties as readonly.

Examples

interface

#+BEGIN_SRC typescript
function foo(config: {
readonly bar: number,
readonly bas: number}) {// ..
}

let config = { bar: 123, bas: 123 };
foo(config);
// You can be sure that config isn’t changed 🌹
#+END_SRC

type

type Foo = {
    readonly bar: number;
    readonly bas: number;
}
​
// Initialization is okay
let foo: Foo = { bar: 123, bas: 456 };
​
// Mutation is not
foo.bar = 456; // Error: Left-hand side of assignment expression cannot be a constant or a read-only property

class property

class Foo {
    readonly bar = 1; // OK
    readonly baz: string;
    constructor() {
        this.baz = "hello"; // OK
    }
}

type Foo = {
  bar: number;
  bas: number;
}
 
type FooReadonly = Readonly<Foo>;
 
let foo: Foo = {bar: 123, bas: 456};
let fooReadonly: FooReadonly = {bar: 123, bas: 456};
 
foo.bar = 456; // Okay
fooReadonly.bar = 456; // ERROR: bar is readonly