---
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><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>