Kelas Statis JavaScript

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Catur Kurnia Sari October 26, 2020

Metode kelas statis didefinisikan pada kelas itu sendiri.

Kita tidak dapat memanggil metode statis pada suatu objek, namun dapat memanggilnya pada kelas objek.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Method Kelas Statis </h2>

<p> Metode statis dibuat dengan kata kunci "static", dan hanya dapat memanggil metode tersebut pada kelas itu sendiri. </p>
<p id="demo"></p>

<script>
class Car {
  constructor(name) {
    this.name = name;
  }
  static hello() {
    return "Hello!!";
  }
}

let myCar = new Car("Ford");

//You can call 'hello()' on the Car Class:
document.getElementById("demo").innerHTML = Car.hello();

// But NOT on  a Car Object:
// document.getElementById("demo").innerHTML = myCar.hello();
// this will raise an error.
</script>

</body>
</html>

Jika kita ingin menggunakan objek myCar di dalam metode statis, maka kita dapat mengirimkannya sebagai parameter.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Class Static Methods</h2>

<p> Untuk menggunakan objek "myCar" di dalam metode statis, Anda dapat mengirimkannya sebagai parameter. </p>
<p id="demo"></p>

<script>
class Car {
  constructor(name) {
    this.name = name;
  }
  static hello(x) {
    return "Hello " + x.name;
  }
}

let myCar = new Car("Ford");
document.getElementById("demo").innerHTML = Car.hello(myCar);
</script>

</body>
</html>

javascript