- vừa được xem lúc

Sử dụng Abstract Classes trong TypeScript

0 0 22

Người đăng: Gấu con

Theo Viblo Asia

Một abstract class(lớp trừu tượng) là một lớp cơ sở, thường được sử dụng để định nghĩa các hành vi chung cho các lớp dẫn xuất(lớp kế thừa). Không giống như lớp bình thường, một lớp abstract không thể được khởi tạo trực tiếp.
Để khai báo một lớp abstract, bạn sử dụng từ khóa abstract :

abstract class Employee { //...
} 

Thông thường, một lớp abstract chứa một hoặc nhiều phương thức abstract .
Một phương thức của lớp abstract không chứa các thực thi code bên trong. Nó chỉ định nghĩa tên của phương thức mà không thực thi gì. Các thực thi của phương thức abstract sẽ được thực hiện bên trong lớp dẫn xuất.
Ví dụ hiển thị lớp abstract là Employee cái có phương thức abstract là getSalary().

abstract class Employee { constructor(private firstName: string, private lastName: string) { } abstract getSalary(): number get fullName(): string { return `${this.firstName} ${this.lastName}`; } compensationStatement(): string { return `${this.fullName} makes ${this.getSalary()} a month.`; }
}

Giải thích lớp Employee

  • Constructor khai báo các thuộc tính firstNamelastName.
  • Phương thức getSalary() là một phương thức abstract. Lớp dẫn xuất sẽ thực thi logic dựa trên loại của employee.
  • Phương thức getFullName()compensationStatement() chứa chi tiết các thực thi. Lưu ý rằng phương thức compensationStatement () gọi phương thức getSalary().

Vì lớp Employee là một abstract, bạn không thể khởi tạo một new object từ nó. Câu lệnh sau đây gây ra lỗi:

let employee = new Employee('John','Doe');

Error:

error TS2511: Cannot create an instance of an abstract class.

Lớp FullTimeEaffee sau đây kế thừa từ lớp Employee:

class FullTimeEmployee extends Employee { constructor(firstName: string, lastName: string, private salary: number) { super(firstName, lastName); } getSalary(): number { return this.salary; }
}

Trong class FullTimeEmployee , salary được đặt trong constructor. Vì getSalary() là một phương thức trừu tượng của lớp Employee, dó đó bạn cũng cần tạo một phương thức getSalary() trong lớp FullTimeEprisee và thực hiện logic trong phương thức này.Trong ví dụ này, nó chỉ trả về tiền lương mà không cần bất kỳ phép tính nào.

Phần sau cho thấy class Contractor cũng kế thừa từ lớp Employee :

class Contractor extends Employee { constructor(firstName: string, lastName: string, private rate: number, private hours: number) { super(firstName, lastName); } getSalary(): number { return this.rate * this.hours; }
}

Trong lớp Contractor, hàm khởi tạo khởi tạo rate(tỷ lệ) và hours(giờ). Phương thức getSalary() tính toán mức lương bằng cách nhân tỷ lệ với giờ.
Tiếp tục tạo một đối tượng FullTimeEaffee và một đối tượng Contractor:

let john = new FullTimeEmployee('John', 'Doe', 12000);
let jane = new Contractor('Jane', 'Doe', 100, 160); console.log(john.compensationStatement());
console.log(jane.compensationStatement());

Output:

John Doe makes 12000 a month.
Jane Doe makes 16000 a month.

Tóm tắt:

  • Các lớp trừu tượng không thể được khởi tạo.
  • Một lớp trừu tượng có ít nhất một phương thức trừu tượng.
  • Để sử dụng một lớp trừu tượng, bạn cần kế thừa nó và cung cấp thực hiện các xử lý cho các phương thức trừu tượng

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 500

- vừa được xem lúc

Type annotation vs Type Inference - Typescript

Trong bài viết này, chúng ta sẽ tìm hiểu kỹ về TypeScript bằng cách tìm hiểu sự khác biệt giữa kiểu chú thích và kiểu suy luận. Tôi sẽ cho rằng bạn có một số kinh nghiệm về JavaScript và biết về các kiểu cơ bản, như chuỗi, số và boolean.

0 0 32

- vừa được xem lúc

Type Annotation và Type Inference trong TypeScript là gì?

Khi làm việc với javascript chắc hẳn các bạn đã quá quen với việc dùng biến mà không cần phải quan tâm đến kiểu dữ liệu của nó là gì phải không? Đúng là mới đầu tiếp cận với Typescript mình cũng cảm thấy nó khá là phiền vì cần phải khai báo đủ type để nó chặt chẽ hơn. Lúc đó mình còn nghĩ: " JavaScr

0 0 25

- vừa được xem lúc

Tìm hiểu TypeScript và kiến thức cơ bản

TypeScript là gì. TypeScript sử dụng tất cả các tính năng của của ECMAScript 2015 (ES6) như classes, modules.

0 0 35

- vừa được xem lúc

TypeScript - P1: Vì sao TypeScript được yêu thích đến vậy?

Trải nghiệm thực tế. Trước khi là một Web Developer, tôi là một Mobile Developer và Java là thứ mà tôi từng theo đuổi.

0 1 58

- vừa được xem lúc

4 Tính năng rất hay từ TypeScript

Xin chào các bạn hôm nay mình xin chia sẽ những tính năng rất hay của TypeScript (TS), các bạn cùng tìm hiểu nhé. Ngoài việc set Type cho biến, tham số hay function thì ví dụ khi bạn nhìn vào một tham

0 0 82