blob: 374722f47c37511ea09202c8ca74254c25884226 (
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
83
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")}}
|
