TypeScript Readonly Modifier Example

You can make properties readonly by using the readonly keyword. Readonly properties must be initialized at their declaration or in the constructor. 

TypeScript readonly modifier example

class Employee{
    readonly id: number;
    public firstName: string;
    readonly lastName: string;

    constructor(id: number, firstName: string, lastName: string){
        this.id = id;
        this.firstName = firstName;
        this.lastName = lastName;
    }

    public getFullName(){
        return this.firstName + ' ' + this.lastName;
    }
}

// create Employee class object
let employee = new Employee(100, 'Ramesh', 'Fadatare');
employee.id = 200; // Error: Cannot assign to 'id' because it is a read-only property.
employee.lastName = 'Kapoor'; // Error: Cannot assign to 'lastName' because it is a read-only property
console.log(employee);
console.log(employee.getFullName());
Notice that the above code gives below compilation error:
employee.id = 200; // Error: Cannot assign to 'id' because it is a read-only property.
employee.lastName = 'Kapoor'; // Error: Cannot assign to 'lastName' because it is a read-only property

Read more in the below tutorial

Related TypeScript Source Code Examples

Typescript for Loop Example TypeScript for..of Loop Example TypeScript for..in Loop Example TypeScript for..of vs. for..in Statements TypeScript forEach Example TypeScript readonly Modifier Example TypeScript static property and static method example TypeScript Array Example TypeScript Interface Example TypeScript Interface for Array Type Example Typescript String Based Enums Examples TypeScript Number Enums Examples TypeScript Class Example TypeScript Inheritance Example TypeScript Readonly Modifier Example TypeScript Static Example TypeScript Singleton Pattern Example TypeScript Factory Design Pattern with Example TypeScript Abstract Factory Pattern Example TypeScript Builder Pattern Example TypeScript Prototype Pattern Example TypeScript Bridge Pattern Example TypeScript Adapter Pattern Example TypeScript Decorator Pattern Example TypeScript Composite Pattern Example TypeScript Flyweight Design Pattern Example TypeScript Facade Pattern Example TypeScript Proxy Pattern Example TypeScript Command Pattern Example TypeScript Chain of Responsibility Pattern Example TypeScript Visitor Pattern Example TypeScript Template Method Pattern Example TypeScript Strategy Pattern Example TypeScript State Pattern Example TypeScript Observer Pattern Example TypeScript Memento Pattern Example TypeScript Mediator Pattern Example TypeScript Iterator Pattern Example TypeScript Interpreter Design Pattern Example

Comments

Post a Comment