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

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

Can GPT-4o Generate Images? All You Need to Know about GPT-4o-image

OpenAI‘s GPT-4o, introduced on March 25, 2025, has revolutionized the way we create visual con

Khi nào nên dùng main, section, article, header, footer, và aside trong HTML5

HTML5 đã giới thiệu các thẻ ngữ nghĩa giúp cấu trúc nội dung web một cách có

So sánh Webhook và API: Khi nào nên sử dụng?

Trong lĩnh vực công nghệ thông tin và phát triển phần mềm, Webhook và API là hai th