JavaScript permite métodos estáticos que pertenecen a la clase en lugar de una instancia de esa clase. Por lo tanto, no se necesita una instancia para llamar a dichos métodos estáticos. Los métodos estáticos se llaman directamente a la clase. Puede ser de cualquier nombre. Una clase puede contener más de un método estático. Si definimos más de un método estático con el mismo nombre, JavaScript invoca el último método. La palabra clave «esta» se usa para llamar a un método estático dentro de cualquier otro método estático en JavaScript.
Los siguientes son los diferentes ejemplos de JavaScript que demuestran cómo usar e invocar métodos estáticos.
Ejemplo 1: El siguiente es el código para invocar un método estático. La parte del script del código contiene el código JavaScript.
HTML
<!DOCTYPE html>
<html>
<body>
<script>
class GeeksforGeeks {
// static keyword is used
// before the function name
static example1() {
// return the string -->
// static method 1
return "static method 1"
}
}
// Calls the static function
// using className.functionName
document.writeln(
GeeksforGeeks.example1());
</script>
</body>
</html>
Producción:
static method 1
Ejemplo 2: el siguiente código demuestra cómo invocar más de un método estático.
HTML
<!DOCTYPE html>
<html>
<body>
<script>
class GeeksforGeeks {
// static keyword is used
// before the function name
static example1() {
// return the string -->
// static method 1
return "static method 1"
}
// Another static method
// with different name
static example2() {
// return the string -->
// static method 2
return "static method 2"
}
}
// Calls the static function using
// className.functionName
document.writeln(GeeksforGeeks.example1() + "<br>");
document.writeln(GeeksforGeeks.example2());
</script>
</body>
</html>
Producción:
static method 1 static method 2
Ejemplo 3: El siguiente ejemplo invoca más de un método estático con los mismos nombres.
HTML
<!DOCTYPE html>
<html>
<body>
<script>
class GeeksforGeeks {
// static keyword is used
// before the function name
static example1() {
// returns static method 1
return "static method 1"
}
// Different static method
// with same name
static example1() {
// returns static method 2
return "static method 2"
}
}
// Calls the static function using
// className.functionName
document.writeln(GeeksforGeeks.example1());
// Invokes last static method in case
// if static function have same names
</script>
</body>
</html>
Producción:
static method 2
Ejemplo 4: El siguiente ejemplo demuestra cómo invocar el método estático dentro del método no estático.
HTML
<!DOCTYPE html>
<html>
<body>
<script>
class GeeksforGeeks {
// Static keyword is used
// before the function name
static example1() {
// return the string -->
// static method 1
return "static method 1"
}
// Non static method with
// different name
example2() {
// return the string -->
// static method 1
// Calls the static function
// using className.functionName
document.writeln(GeeksforGeeks.example1());
}
}
var gfg = new GeeksforGeeks();
gfg.example2();
</script>
</body>
</html>
Producción:
static method 1
Publicación traducida automáticamente
Artículo escrito por master_abhig y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA