diff options
Diffstat (limited to 'files/fr/web/javascript/reference/global_objects/function/displayname')
| -rw-r--r-- | files/fr/web/javascript/reference/global_objects/function/displayname/index.html | 80 | ||||
| -rw-r--r-- | files/fr/web/javascript/reference/global_objects/function/displayname/index.md | 84 |
2 files changed, 84 insertions, 80 deletions
diff --git a/files/fr/web/javascript/reference/global_objects/function/displayname/index.html b/files/fr/web/javascript/reference/global_objects/function/displayname/index.html deleted file mode 100644 index 41224d8f33..0000000000 --- a/files/fr/web/javascript/reference/global_objects/function/displayname/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Function.displayName -slug: Web/JavaScript/Reference/Global_Objects/Function/displayName -tags: - - Function - - JavaScript - - Non-standard - - Propriété - - Reference -translation_of: Web/JavaScript/Reference/Global_Objects/Function/displayName -original_slug: Web/JavaScript/Reference/Objets_globaux/Function/displayName ---- -<div>{{JSRef}} {{Non-standard_header}}</div> - -<p>La propriété <code><strong>function.displayName</strong></code> renvoie le nom affiché de la fonction.</p> - -<h2 id="Description">Description</h2> - -<p>Lorsque la propriété <code>displayName</code> est définie, elle renvoie le nom affiché de la fonction :</p> - -<pre class="brush:js">function faireTruc() { } - -console.log(faireTruc.displayName); // "undefined" - -var logMessage = function(contenu) { console.log(contenu) }; - -logMessage.displayName = 'Afficher les messages dans le journal'; - -console.log(logMessage.displayName); // "Afficher les messages dans le journal" -</pre> - -<p>Il est possible de définir une fonction avec un nom d'affichage grâce à une {{jsxref("Fonctions", "expression de fonctions","",1)}}:</p> - -<pre class="brush:js">var objet = { - uneMéthode: function () {} -}; - -objet.uneMéthode.displayName = 'uneMéthode'; - -console.log(objet.uneMéthode.displayName); -// "uneMéthode" - -try { uneMéthode } catch(e) { console.log(e); } -// ReferenceError: uneMéthode is not defined -</pre> - -<p>La propriété <code>displayName</code> peut être changée dynamiquement :</p> - -<pre class="brush:js">var objet = { - // anonyme - uneMéthode: function(valeur) { - this.displayName = "uneMéthode (" + valeur + ")"; - } -}; - -console.log(objet.uneMéthode.displayName); // "undefined" - -objet.uneMéthode("123") -console.log(objet.uneMéthode.displayName); // "uneMéthode (123)" -</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>On souhaite généralement utiliser cette propriété dans les consoles et profileurs plutôt que {{jsxref("Function.name", "func.name")}}</p> - -<p>Le code suivant devrait afficher quelque chose comme "function Ma Fonction()":</p> - -<pre class="brush:js">var a = function () { }; -a.displayName = 'Ma Fonction'; - -a; -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>N'appartient à aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("javascript.builtins.Function.displayName")}}</p> diff --git a/files/fr/web/javascript/reference/global_objects/function/displayname/index.md b/files/fr/web/javascript/reference/global_objects/function/displayname/index.md new file mode 100644 index 0000000000..374722f47c --- /dev/null +++ b/files/fr/web/javascript/reference/global_objects/function/displayname/index.md @@ -0,0 +1,84 @@ +--- +title: Function.displayName +slug: Web/JavaScript/Reference/Global_Objects/Function/displayName +tags: + - Function + - JavaScript + - Non-standard + - Propriété + - Reference +translation_of: Web/JavaScript/Reference/Global_Objects/Function/displayName +original_slug: Web/JavaScript/Reference/Objets_globaux/Function/displayName +--- +{{JSRef}} {{Non-standard_header}} + +La propriété **`function.displayName`** renvoie le nom affiché de la fonction. + +## Description + +Lorsque la propriété `displayName` est définie, elle renvoie le nom affiché de la fonction : + +```js +function faireTruc() { } + +console.log(faireTruc.displayName); // "undefined" + +var logMessage = function(contenu) { console.log(contenu) }; + +logMessage.displayName = 'Afficher les messages dans le journal'; + +console.log(logMessage.displayName); // "Afficher les messages dans le journal" +``` + +Il est possible de définir une fonction avec un nom d'affichage grâce à une {{jsxref("Fonctions", "expression de fonctions","",1)}}: + +```js +var objet = { + uneMéthode: function () {} +}; + +objet.uneMéthode.displayName = 'uneMéthode'; + +console.log(objet.uneMéthode.displayName); +// "uneMéthode" + +try { uneMéthode } catch(e) { console.log(e); } +// ReferenceError: uneMéthode is not defined +``` + +La propriété `displayName` peut être changée dynamiquement : + +```js +var objet = { + // anonyme + uneMéthode: function(valeur) { + this.displayName = "uneMéthode (" + valeur + ")"; + } +}; + +console.log(objet.uneMéthode.displayName); // "undefined" + +objet.uneMéthode("123") +console.log(objet.uneMéthode.displayName); // "uneMéthode (123)" +``` + +## Exemples + +On souhaite généralement utiliser cette propriété dans les consoles et profileurs plutôt que {{jsxref("Function.name", "func.name")}} + +Le code suivant devrait afficher quelque chose comme "function Ma Fonction()": + +```js +var a = function () { }; +a.displayName = 'Ma Fonction'; + +a; +``` + +## Spécifications + +N'appartient à aucune spécification. + +## Compatibilité des navigateurs + +{{Compat("javascript.builtins.Function.displayName")}} |
