TypeScript Access Modifiers
Access modifier pada class di TypeScript digunakan untuk mengatur level akses atau visibilitas properti atau method dalam class. Access modifier dapat ditempatkan sebelum properti atau method dalam class dan terdapat tiga jenis access modifier yaitu:
Public (default)
Properti atau method dapat diakses dari dalam class, subclass, dan instance objek.
class Animal {
name:string;
foot:number;
constructor(name: string,foot:number){
this.name = name;
this.foot = foot;
}
printAnimal(){
console.log(`Animal name ${this.name} number of animal legs ${this.foot}`)
}
}Private
Properti atau method hanya dapat diakses dari dalam class, tidak dapat diakses dari subclass atau instance objek.
class Car{
private color:string;
private type:string;
constructor(color: string,type: string){
this.color =color;
this.type = type;
}
getColor():string{
return this.color;
}
getType():string{
return this.type;
}
}
let bus = new Car("Red","Bus")
console.log(`Color ${bus.getColor()} and Type ${bus.getType()}`)Protected
Properti atau method dapat diakses dari dalam class dan subclass, tetapi tidak dapat diakses dari instance objek.
class Person {
protected firstName: string
protected lastName: string
private age :number;
constructor(firstName: string, lastName: string,age :number) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
}
getPerson(): string {
return `${this.firstName} ${this.lastName} ${this.age}`;
}
}
let person1 = new Person("Jhon","Due",30);
console.log(`Perosn is ${person1.getPerson()}`);Readonly
TypeScript menyediakan methode atau keyword readonly dimana ini bisa digunakan untuk membuat suatu properti/class menjadi immutable (tidak bisa diubah) atau dibuat instance pada class, untuk membuat properti/class menjadi immutable kita bisa mengunakan keyword readonly seperti contoh berikut :
class Person {
readonly birthDate: Date;
constructor(birthDate: Date) {
this.birthDate = birthDate;
}
}Source code tutorial Typescript tersedia di github typescript-days
