Làm cách nào để gán các phương thức tĩnh cho một lớp trong JavaScript?

Để gán các phương thức tĩnh cho lớp trong JavaScript, chỉ cần đặt trước phương thức bằng từ khóa static. Các phương thức tĩnh sau đó có thể được gọi mà không cần khởi tạo lớp.

Sau đây là đoạn mã để gán các phương thức tĩnh cho một lớp trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Assign static methods to a class in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to add two numbers using static method of testClass</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   class testClass {
      constructor(fname, lname) {
         this.fname = fname;
         this.lname = lname;
      }
      static add(a, b) {
         resEle.innerHTML = a + " + " + b + " = " + (a + b);
      }
   }
   BtnEle.addEventListener("click", () => {
      testClass.add(22, 44);
   });
</script>
</body>
</html>