diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/fr/web/javascript/reference/objets_globaux/function/displayname | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/fr/web/javascript/reference/objets_globaux/function/displayname')
-rw-r--r-- | files/fr/web/javascript/reference/objets_globaux/function/displayname/index.html | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/files/fr/web/javascript/reference/objets_globaux/function/displayname/index.html b/files/fr/web/javascript/reference/objets_globaux/function/displayname/index.html new file mode 100644 index 0000000000..dc9f7fc870 --- /dev/null +++ b/files/fr/web/javascript/reference/objets_globaux/function/displayname/index.html @@ -0,0 +1,81 @@ +--- +title: Function.displayName +slug: Web/JavaScript/Reference/Objets_globaux/Function/displayName +tags: + - Function + - JavaScript + - Non-standard + - Propriété + - Reference +translation_of: Web/JavaScript/Reference/Global_Objects/Function/displayName +--- +<div>{{JSRef}} {{Non-standard_header}}</div> + +<p>La propriété <code><strong><em>function</em>.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> + +<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> + +<p>{{Compat("javascript.builtins.Function.displayName")}}</p> |