Maison  >  Article  >  interface Web  >  Méthodes statiques de la classe Class dans ES6

Méthodes statiques de la classe Class dans ES6

小云云
小云云original
2018-01-19 16:42:581510parcourir

Cet article présente principalement les méthodes statiques de la classe Class dans ES6. Combiné avec le formulaire d'exemple, il résume et analyse brièvement l'utilisation des méthodes statiques et les précautions associées dans la classe class dans ES6. J'espère que cela pourra aider tout le monde.

J'ai déjà vu des trucs es6, mais je l'ai oublié. Laissez-moi résumer :

Une classe est équivalente au prototype d'une instance. Toutes les méthodes définies dans la classe seront héritées par la classe. exemple. Si vous ajoutez le mot-clé static avant une méthode, cela signifie que la méthode ne sera pas héritée par l'instance, mais sera appelée directement via la classe. C'est ce qu'on appelle une "méthode statique"

<.>


class Foo {
  static classMethod() {
    return &#39;hello&#39;;
  }
}
Foo.classMethod() // &#39;hello&#39;
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function
Dans le code ci-dessus, la méthode classMethod de la classe Foo est précédée du mot-clé static, indiquant que la méthode est une méthode statique et peut être appelée directement sur la classe Foo (

) au lieu de Called sur une instance de la classe Foo. Si une méthode statique est appelée sur une instance, une erreur est générée indiquant que la méthode n'existe pas. Foo.classMethod()

Les méthodes statiques de la classe parent peuvent être héritées par les sous-classes.


class Foo {
  static classMethod() {
    return &#39;hello&#39;;
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // &#39;hello&#39;
Dans le code ci-dessus, la classe parent Foo a une méthode statique et la sous-classe Bar peut appeler cette méthode.

Recommandations associées :


Explication détaillée du mot-clé class dans ES6

Explication détaillée du mot-clé super dans la classe ES6

Exemples d'utilisation get et set des classes de classe en javascript ES6

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn