Maison  >  Article  >  interface Web  >  Comment utiliser les méthodes statiques, les attributs et les attributs d'instance des classes en javascript ES6

Comment utiliser les méthodes statiques, les attributs et les attributs d'instance des classes en javascript ES6

php中世界最好的语言
php中世界最好的语言original
2017-12-31 11:36:451761parcourir

Ce que je vous apporte cette fois, c'est la méthode static de la classe ES6 javascript, comment utiliser les attributs et les attributs d'instance, cet article vous donnera une bonne analyse. La classe

est équivalente au prototype de l'instance. Toutes les méthodes définies dans la classe seront héritées par l'instance . Si vous ajoutez le mot-clé statique avant une méthode, cela signifie que la méthode ne sera pas héritée par l'instance. Au lieu de cela, il est appelé directement via la classe, appelée « méthode statique ».

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
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 ( Foo.classMethod()), au lieu de l'appeler sur une instance de la classe Foo. Si vous appelez une méthode statique sur une instance, une erreur est générée indiquant que la méthode n'existe pas.

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

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {}
Bar.classMethod(); // 'hello'


Dans le code ci-dessus, la classe parent Foo a une méthode statique et la sous-classe Bar peut appeler cette méthode.
Les méthodes statiques peuvent également être appelées depuis le super objet.

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
  static classMethod() {
    return super.classMethod() + ', too';
  }
}
Bar.classMethod();

Je pense que vous maîtrisez la méthode après avoir lu l'introduction ci-dessus. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Utiliser jQuery pour dédupliquer et trier des tableaux

Comment utiliser les instructions de définition automatiques de Vue pour terminer un menu déroulant

Comment utiliser le composant de navigation réagir-navigation

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