diff options
author | julieng <julien.gattelier@gmail.com> | 2021-08-03 08:03:23 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-09-03 08:08:25 +0200 |
commit | bf8e099b9c8b3c60d60b3712b4fc97b052c39887 (patch) | |
tree | c101746d082c9581c94f5937519c7d0e2f4af8cb /files/fr/web/javascript/reference/classes/static | |
parent | 844f5103992238c0c23203286dad16a466e89c97 (diff) | |
download | translated-content-bf8e099b9c8b3c60d60b3712b4fc97b052c39887.tar.gz translated-content-bf8e099b9c8b3c60d60b3712b4fc97b052c39887.tar.bz2 translated-content-bf8e099b9c8b3c60d60b3712b4fc97b052c39887.zip |
convert content to md
Diffstat (limited to 'files/fr/web/javascript/reference/classes/static')
-rw-r--r-- | files/fr/web/javascript/reference/classes/static/index.md | 104 |
1 files changed, 45 insertions, 59 deletions
diff --git a/files/fr/web/javascript/reference/classes/static/index.md b/files/fr/web/javascript/reference/classes/static/index.md index f93abc7411..f08b2b5a94 100644 --- a/files/fr/web/javascript/reference/classes/static/index.md +++ b/files/fr/web/javascript/reference/classes/static/index.md @@ -8,33 +8,32 @@ tags: - Reference translation_of: Web/JavaScript/Reference/Classes/static --- -<div>{{jsSidebar("Classes")}}</div> +{{jsSidebar("Classes")}} -<p>Le mot-clé <code><strong>static</strong></code> permet de définir une méthode statique d'une classe. Les méthodes statiques ne sont pas disponibles sur les instances d'une classe mais sont appelées sur la classe elle-même. Les méthodes statiques sont généralement des fonctions utilitaires (qui peuvent permettre de créer ou de cloner des objets par exemple).</p> +Le mot-clé **`static`** permet de définir une méthode statique d'une classe. Les méthodes statiques ne sont pas disponibles sur les instances d'une classe mais sont appelées sur la classe elle-même. Les méthodes statiques sont généralement des fonctions utilitaires (qui peuvent permettre de créer ou de cloner des objets par exemple). -<div>{{EmbedInteractiveExample("pages/js/classes-static.html")}}</div> +{{EmbedInteractiveExample("pages/js/classes-static.html")}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">static <em>nomMéthode()</em> { ... }</pre> + static nomMéthode() { ... } -<h2 id="Description">Description</h2> +## Description -<p>Les méthodes statiques sont utilisées lorsque la méthode ne s'applique qu'à la classe elle-même et pas à ses instances. Les méthodes statiques sont généralement utilisées pour créer des fonctions utilitaires.</p> +Les méthodes statiques sont utilisées lorsque la méthode ne s'applique qu'à la classe elle-même et pas à ses instances. Les méthodes statiques sont généralement utilisées pour créer des fonctions utilitaires. -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="Exemple_classique">Exemple classique</h3> +### Exemple classique -<p>Dans l'exemple qui suit, on illustre :</p> +Dans l'exemple qui suit, on illustre : -<ul> - <li>comment une classe implémente une méthode statique</li> - <li>comment une classe avec une propriété statique peut être déclinée avec une sous-classe</li> - <li>comment une méthode statique peut ou ne peut pas être appelé</li> -</ul> +- comment une classe implémente une méthode statique +- comment une classe avec une propriété statique peut être déclinée avec une sous-classe +- comment une méthode statique peut ou ne peut pas être appelé -<pre class="brush: js">class Triple { +```js +class Triple { static triple(n) { if (n === undefined) { n = 1; @@ -55,13 +54,14 @@ console.log(SuperTriple.triple(4)); // 144 var tp = new Triple(); console.log(SuperTriple.triple(4)); // 144 (pas d'impact de l'affectation du parent) console.log(tp.triple()); // tp.triple n'est pas une fonction -</pre> +``` -<h3 id="Utilisation_depuis_une_autre_méthode_statique">Utilisation depuis une autre méthode statique</h3> +### Utilisation depuis une autre méthode statique -<p>Afin d'appeler une autre méthode statique dans une méthode statique, on pourra utiliser {{jsxref("Opérateurs/L_opérateur_this","this")}}.</p> +Afin d'appeler une autre méthode statique dans une méthode statique, on pourra utiliser {{jsxref("Opérateurs/L_opérateur_this","this")}}. -<pre class="brush: js">class StaticMethodCall { +```js +class StaticMethodCall { static staticMethod() { return 'Méthode statique appelée'; } @@ -72,13 +72,15 @@ console.log(tp.triple()); // tp.triple n'est pas une fonction StaticMethodCall.staticMethod(); // 'Méthode statique appelée' StaticMethodCall.anotherStaticMethod(); -// 'Méthode statique appelée depuis une autre statique'</pre> +// 'Méthode statique appelée depuis une autre statique' +``` -<h3 id="Depuis_les_constructeurs_de_classes_et_les_autres_méthodes">Depuis les constructeurs de classes et les autres méthodes</h3> +### Depuis les constructeurs de classes et les autres méthodes -<p>Les méthodes statiques ne sont pas directement accessibles via le mot-clé <code><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_this">this</a></code>. Il faut les appeler avec le nom de la classe qui préfixe le nom de la méthode statique <code>NomDeClasse.MéthodeStatique()</code> (comme pour les autres appels en dehors de la classe) ou avec la propriété <code>constructor</code> : <code>this.constructor.MéthodeStatique()</code>.</p> +Les méthodes statiques ne sont pas directement accessibles via le mot-clé [`this`](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_this). Il faut les appeler avec le nom de la classe qui préfixe le nom de la méthode statique `NomDeClasse.MéthodeStatique()` (comme pour les autres appels en dehors de la classe) ou avec la propriété `constructor` : `this.constructor.MéthodeStatique()`. -<pre class="brush: js">class StaticMethodCall{ +```js +class StaticMethodCall{ constructor(){ console.log(StaticMethodCall.staticMethod()); // 'appel de la méthode statique' @@ -90,38 +92,22 @@ StaticMethodCall.anotherStaticMethod(); static staticMethod(){ return 'appel de la méthode statique.'; } -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('ES2015', '#sec-class-definitions', 'Class definitions')}}</td> - <td>{{Spec2('ES2015')}}</td> - <td>Définition initiale.</td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-class-definitions', 'Class definitions')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("javascript.classes.static")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/class">Expression <code>class</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Instructions/class">Déclaration <code>class</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Classes">Les classes</a></li> -</ul> +} +``` + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------- | ---------------------------- | -------------------- | +| {{SpecName('ES2015', '#sec-class-definitions', 'Class definitions')}} | {{Spec2('ES2015')}} | Définition initiale. | +| {{SpecName('ESDraft', '#sec-class-definitions', 'Class definitions')}} | {{Spec2('ESDraft')}} | | + +## Compatibilité des navigateurs + +{{Compat("javascript.classes.static")}} + +## Voir aussi + +- [Expression `class`](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/class) +- [Déclaration `class`](/fr/docs/Web/JavaScript/Reference/Instructions/class) +- [Les classes](/fr/docs/Web/JavaScript/Reference/Classes) |