blob: 25354d9e02551a357b6e564dda4b3fac362c6d84 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
---
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>
|
