Sử dụng Static Methods và Properties trong TypeScript

Static properties (thuộc tính tĩnh) Một thuộc tính tĩnh được truy cập bởi trực tiếp từ tên class mà không phải khởi tạo đối tượng từ class đó. Để khai báo một thuộc tính tĩnh, bạn sử dụng từ khóa static . Để truy cập một thuộc tính tĩnh, bạn sử dụng cú pháp: className.propertyName

Static properties (thuộc tính tĩnh)
Một thuộc tính tĩnh được truy cập bởi trực tiếp từ tên class mà không phải khởi tạo đối tượng từ class đó.
Để khai báo một thuộc tính tĩnh, bạn sử dụng từ khóa static . Để truy cập một thuộc tính tĩnh, bạn sử dụng cú pháp: className.propertyName , ví dụ:

classEmployee{static headcount:number=0;constructor(private firstName:string,private lastName:string,private jobTitle:string){

        Employee.headcount++;}}

Trong ví dụ trên, headcount là một thuộc tính tĩnh và được khởi tạo giá trị ban đầu là 0. Giá trị của nó được tăng lên 1 bất cứ khi nào một đối tượng mới được tạo, ví dụ.

let john =newEmployee('John','Doe','Front-end Developer');let jane =newEmployee('Jane','Doe','Back-end Developer');console.log(Employee.headcount);// 2

Static methods (phương thức tĩnh)
Giống như thuộc tính tĩnh , một phương thức tĩnh cũng được truy cập trực tiếp từ tên class mà không cần phải khởi tạo đối tượng. Để khai báo một phương thức tĩnh, bạn sử dụng từ khóa static trước tên phương thức, ví dụ:

classEmployee{privatestatic headcount:number=0;constructor(private firstName:string,private lastName:string,private jobTitle:string){

        Employee.headcount++;}publicstaticgetHeadcount(){return Employee.headcount;}}

Để gọi một phương thức tĩnh, bạn sử dụng cú pháp: className.staticMethod() , ví dụ:

let john =newEmployee('John','Doe','Front-end Developer');let jane =newEmployee('Jane','Doe','Back-end Developer');console.log(Employee.getHeadcount);// 2

Tóm tăt:

  • Các thuộc tính và phương thức tĩnh thì có thể truy cập trực tiếp từ className.
  • Sử dụng từ khóa static trước một thuộc tính hoặc phương thức để làm cho nó trở nên tĩnh.

Nguồn: viblo.asia

Bài viết liên quan

SEO Mũ Trắng, Mũ Đen, Mũ Xám: Hiểu Biết và Lựa Chọn Phù Hợp

SEO Mũ Trắng, Mũ Đen, Mũ Xám: Hiểu Biết và Lựa Chọn Phù Hợp Trong kỷ nguyên s

7 Cách Tăng Tốc Ứng Dụng React Hiệu Quả Mà Bạn Có Thể Làm Ngay

React là một thư viện JavaScript phổ biến trong việc xây dựng giao diện người d

Trung Quốc “thả quân bài tẩy”: hàng loạt robot hình người!

MỘT CUỘC CÁCH MẠNG ROBOT ĐANG HÌNH THÀNH Ở TRUNG QUỐC Thượng Hải, ngày 13/5 –

9 Mẹo lập trình Web “ẩn mình” giúp tiết kiệm hàng giờ đồng hồ

Hầu hết các lập trình viên (kể cả những người giỏi) đều tốn thời gian x