Chức năng tĩnh trong javascript là gì?

JavaScript cung cấp các phương thức tĩnh thuộc về lớp thay vì một thể hiện của lớp đó. Vì vậy, một thể hiện không bắt buộc phải gọi phương thức tĩnh. Các phương thức này được gọi trực tiếp trên chính lớp đó

Những điểm cần nhớ

• Từ khóa tĩnh được sử dụng để khai báo một phương thức tĩnh
• Phương thức tĩnh có thể có bất kỳ tên nào
• Một lớp có thể chứa nhiều hơn một phương thức tĩnh
• Nếu chúng ta khai báo nhiều hơn một phương thức tĩnh có tên giống nhau, thì JavaScript luôn gọi phương thức cuối cùng
• Phương thức tĩnh có thể được sử dụng để tạo các hàm tiện ích
• Chúng ta có thể sử dụng từ khóa này để gọi một phương thức tĩnh bên trong một phương thức tĩnh khác
• Chúng tôi không thể sử dụng từ khóa này trực tiếp để gọi một phương thức tĩnh trong phương thức không tĩnh. Trong trường hợp như vậy, chúng ta có thể gọi phương thức tĩnh bằng cách sử dụng tên lớp hoặc làm thuộc tính của hàm tạo

Phương pháp tĩnh JavaScript Ví dụ 1

Hãy xem một ví dụ đơn giản về phương thức tĩnh

đầu ra

ví dụ 2

Hãy xem một ví dụ để gọi nhiều hơn một phương thức tĩnh

đầu ra

static method is invoked
static method is invoked again

ví dụ 3

Hãy xem một ví dụ để gọi nhiều hơn một phương thức tĩnh có tên tương tự

đầu ra

static method is invoked again

Ví dụ 4

Hãy xem một ví dụ để gọi một phương thức tĩnh trong hàm tạo

đầu ra

static method is invoked
static method is invoked 

Ví dụ 5

Hãy xem một ví dụ để gọi một phương thức tĩnh trong phương thức không tĩnh

đầu ra

Các phương thức tĩnh JavaScript thường được sử dụng để tạo các hàm tiện ích. Chúng được giới thiệu trong ES6 cho phương pháp dành riêng cho lớp để lập trình hướng đối tượng trong JavaScript

Để khai báo một phương thức tĩnh, chúng ta chỉ cần sử dụng từ khóa tĩnh với chữ ký của phương thức. Phương thức tĩnh không được gọi trong thể hiện của lớp mà chúng được thực hiện để gọi trực tiếp trên lớp

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 (83.023 xếp hạng)

Vì vậy, chúng ta có thể nói rằng JavaScript cung cấp cho chúng ta một phương thức tĩnh thuộc về lớp nhưng không thuộc về thể hiện của lớp. Vì vậy, giống như java, chúng tôi cũng không yêu cầu một thể hiện của lớp để gọi phương thức tĩnh trong JavaScript. Do đó, phương thức tĩnh trong JavaScript thuộc về chính lớp đó

cú pháp.  

static methodName(){}

Trong JavaScript, chúng tôi cũng sử dụng từ khóa tĩnh để xác định bất kỳ phương thức nào là phương thức tĩnh. Chúng ta chỉ cần sử dụng từ khóa tĩnh cùng với tên phương thức. Tên phương thức có thể là bất cứ thứ gì. Có nhiều điểm liên quan đến từ khóa tĩnh này, hãy kiểm tra từng điểm một

• Một lớp có thể chứa bất kỳ số phương thức tĩnh nào. Nói cách khác, một lớp có thể có nhiều hơn một phương thức tĩnh
• Phương thức tĩnh có thể có bất kỳ tên nào giống như bất kỳ phương thức hoặc hàm nào khác
• Để gọi một phương thức tĩnh từ một phương thức tĩnh khác, chúng ta có thể sử dụng từ khóa này
• Phương thức tĩnh có thể được sử dụng để tạo các hàm tiện ích
• Nếu chúng ta muốn gọi một phương thức tĩnh từ phương thức không tĩnh trong những trường hợp như vậy, chúng ta không thể sử dụng từ khóa này. Chúng ta cần gọi phương thức tĩnh bằng tên lớp hoặc là thuộc tính của hàm tạo
• Chúng ta có thể khai báo nhiều hơn một phương thức tĩnh có cùng tên nhưng nếu chúng ta làm như vậy thì JavaScript luôn gọi phương thức cuối cùng

Một ví dụ đơn giản để chứng minh cú pháp của phương thức tĩnh

Mã số

Trong ví dụ trên, chúng ta đang gọi phương thức tĩnh với tên lớp không tạo thể hiện của lớp. Chỉ sử dụng tên lớp làm ví dụ

Phương thức tĩnh hoạt động như thế nào trong JavaScript?

Hãy để chúng tôi thảo luận về hoạt động của các phương thức tĩnh trong Javascript

• Phương thức tĩnh là các phương thức yêu cầu một đối tượng của một lớp được tạo trước khi chúng thực sự được gọi. Để gọi chúng, chúng ta cần tạo đối tượng của lớp mà nó được định nghĩa. Phương thức tĩnh nhận cuộc gọi theo hai cách, một cách sử dụng từ khóa này, cách khác từ hàm tạo
• Phương thức tĩnh không thể gọi trực tiếp phương thức không tĩnh. Các phương thức tĩnh sử dụng trạng thái biến thể hiện để ảnh hưởng đến hành vi của chúng. Phương thức tĩnh cũng không thể nhìn thấy trạng thái biến thể hiện, vì vậy nếu chúng ta cố gọi phương thức không tĩnh từ trình biên dịch phương thức tĩnh sẽ phàn nàn
• Ngoài ra, phương thức tĩnh không thể sử dụng biến thể hiện không tĩnh. Phương thức tĩnh không thể tham chiếu đến bất kỳ biến đối tượng nào của lớp. Phương thức tĩnh không biết sử dụng giá trị biến của thể hiện nào
• Trong khi đó, trong trường hợp các phương thức không tĩnh, chúng có bất kỳ từ khóa tĩnh nào cùng với tên phương thức và nếu chúng ta muốn làm việc với các phương thức không tĩnh thì chúng ta cần tạo đối tượng của lớp đó vì nó chỉ thuộc về lớp trong đó . Các phương thức không tĩnh có thể dễ dàng truy cập bất kỳ biến tĩnh nào và bất kỳ biến tĩnh nào mà không cần thể hiện của lớp

Để gọi một phương thức tĩnh từ một phương thức tĩnh khác, chúng ta có thể sử dụng từ khóa 'this'

Mã số

class StaticMethodCallDemo {
static staticMethodOne() {
return 'Static method one is called from ';
}
static sttaicMethodTwo() {
return this.staticMethod() + ' static method two';
}
}
StaticMethodCallDemo.staticMethodOne();
StaticMethodCallDemo.sttaicMethodTwo();

Nhưng nếu chúng ta muốn gọi một phương thức tĩnh từ phương thức không tĩnh thì sao?. Đối với điều này, chúng ta có thể thực hiện một trong hai cách tiếp cận

1) tên lớp. static_method_name();. Bằng cách sử dụng tên lớp
2) này. người xây dựng. static_method_name();. Hoặc bằng cách sử dụng thuộc tính hàm tạo.

Mã số

class StaticMethodCallDemo2 {
constructor() {
console.log(StaticMethodCallDemo2.staticMethodOne());
// 'static method called using class name.'
console.log(this.constructor.staticMethodOne());
// 'static methed called using constructor property.'
}
static staticMethodOne() {
return 'static method has been called.';
}
}

JavaScript cũng đã giới thiệu các lớp trong ES6, vì vậy bây giờ chúng ta có thể sử dụng phương thức tĩnh, hàm tạo, siêu lệnh gọi đến cha mẹ và tính kế thừa, điều này sẽ giúp khả năng tương tác dễ dàng hơn nhiều cho nhà phát triển. Vì vậy, chúng ta có thể có lớp con cho lớp cha và bất kỳ phương thức nào chúng ta khai báo trong lớp cha cũng sẽ có sẵn trong lớp con. Trình truy cập getter và setter cũng được giới thiệu trong ES5 và điều này có thể được sử dụng với từ khóa tĩnh. Dưới đây là ví dụ cho thấy cách sử dụng điều này với từ khóa tĩnh

Mã số

class Demo{
constructor(name){
this.name = name
}
static get Leader(){
return new Demo(abc)
}
}

Ví dụ về Phương thức tĩnh JavaScript

Dưới đây là một số ví dụ về phương thức tĩnh javascript được cung cấp bên dưới

Ví dụ 1

Để hiển thị phương thức tĩnh có cùng tên

Mã số

đầu ra

Ví dụ #2

Ví dụ để gọi nhiều hơn một phương thức tĩnh

Mã số

đầu ra

Ví dụ #3

Để hiển thị một tin nhắn

Mã số

static method is invoked again

đầu ra

Ví dụ #4

Gọi một phương thức tĩnh từ một phương thức không tĩnh

Mã số

static method is invoked again

đầu ra

Ví dụ #5

Gọi một phương thức tĩnh từ hàm tạo

Mã số

static method is invoked again

đầu ra

Sự kết luận

Vì vậy, về cơ bản, phương thức tĩnh không yêu cầu cá thể truy cập chúng, chúng ta có thể truy cập trực tiếp chúng bằng tên lớp bên trong chúng thuộc về. Ví dụ Tên lớp. Static-method-name-to-be=gọi();

Bài viết được đề xuất

Đây là hướng dẫn về Phương thức tĩnh JavaScript. Ở đây chúng ta thảo luận về khái niệm cơ bản, cú pháp, cách làm việc và các ví dụ về phương thức tĩnh javascript. Bạn cũng có thể xem qua các bài viết được đề xuất khác của chúng tôi để tìm hiểu thêm –

chức năng tĩnh là gì?

Chức năng tĩnh với ví dụ là gì?

Có tĩnh trong JavaScript không?

Hàm tĩnh có nghĩa là gì trong Java?