Clase JavaScript estática
Ejemplo
Cree un método estático y llámelo en la clase:
class Car {
constructor(brand) {
this.carname =
brand;
}
static hello() { // static method
return "Hello!!";
}
}
mycar = new Car("Ford");
//Call 'hello()' on
the class Car:
document.getElementById("demo").innerHTML
= Car.hello();
//and NOT on the 'mycar' object:
//document.getElementById("demo").innerHTML
= mycar.hello();
//this would raise an error.
Definición y uso
La static
palabra clave define métodos estáticos para las clases.
Los métodos estáticos se llaman directamente en la clase ( Car
del ejemplo anterior), sin crear una instancia/objeto ( mycar
) de la clase.
Compatibilidad con navegador
static
es una característica de ECMAScript6 (ES6).
ES6 (JavaScript 2015) es compatible con todos los navegadores modernos:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
static
no es compatible con Internet Explorer 11 (o anterior).
Sintaxis
static methodName()
Detalles técnicos
Versión de JavaScript: | ECMAScript 2015 (ES6) |
---|
Más ejemplos
Si desea utilizar el objeto mycar, dentro del método estático, puede enviarlo como parámetro:
Ejemplo
Envía "mycar" como parámetro:
class Car {
constructor(brand) {
this.carname =
brand;
}
static hello(x) {
return "Hello " +
x.carname;
}
}
mycar = new Car("Ford");
document.getElementById("demo").innerHTML
= Car.hello(mycar);
páginas relacionadas
Tutorial de JavaScript: clases de JavaScript
Tutorial de JavaScript: JavaScript ES6 (EcmaScript 2015)
Referencia de JavaScript: El método constructor()