Die optionaledisplayName Eigenschaft einerFunction Instanz gibt den Anzeigenamen der Funktion an.

Wert

DiedisplayName Eigenschaft ist anfänglich bei keiner Funktion vorhanden — sie wird von den Code-Autoren hinzugefügt. Für Anzeigezwecke sollte sie ein String sein.

Beschreibung

Wenn vorhanden, wird diedisplayName Eigenschaft von Konsolen und Profiler möglicherweise bevorzugt gegenüber dername Eigenschaft verwendet, um den Namen einer Funktion anzuzeigen.

Unter den Browsern nutzt nur die Firefox-Konsole diese Eigenschaft. Auch die React Devtools verwenden diedisplayName Eigenschaft, um den Komponentenbaum darzustellen.

Firefox unternimmt einige grundlegende Versuche, um diedisplayName zu entschlüsseln, die möglicherweise durch den Algorithmus deranonymous JavaScript functions naming convention generiert wurde. Die folgenden Muster werden erkannt:

• WenndisplayName mit einer Folge von alphanumerischen Zeichen,_, und$ endet, wird das längste solche Suffix angezeigt.
• WenndisplayName mit einer Folge von in[] eingeschlossenen Zeichen endet, wird diese Folge ohne die eckigen Klammern angezeigt.
• WenndisplayName mit einer Folge von alphanumerischen Zeichen und_, gefolgt von einigen/,., oder<, endet, wird die Folge ohne die abschließenden/,., oder< angezeigt.
• WenndisplayName mit einer Folge von alphanumerischen Zeichen und_, gefolgt von(^), endet, wird die Folge ohne das(^) angezeigt.

Wenn keines der oben genannten Muster übereinstimmt, wird das gesamtedisplayName angezeigt.

Beispiele

Ein displayName setzen

Wenn Sie Folgendes in eine Firefox-Konsole eingeben, sollte es so etwas wiefunction MyFunction() anzeigen:

function a() {}a.displayName = "MyFunction";a; // function MyFunction()

Dynamisches Ändern von displayName

Sie können dendisplayName einer Funktion dynamisch ändern:

const object = {  // anonymous  someMethod: function someMethod(value) {    someMethod.displayName = `someMethod (${value})`;  },};console.log(object.someMethod.displayName); // undefinedobject.someMethod("123");console.log(object.someMethod.displayName); // "someMethod (123)"

Bereinigung von displayName

Die Firefox Devtools bereinigen einige häufige Muster in derdisplayName Eigenschaft, bevor sie angezeigt wird.

function foo() {}function testName(name) {  foo.displayName = name;  console.log(foo);}testName("$foo$"); // function $foo$()testName("foo bar"); // function bar()testName("Foo.prototype.add"); // function add()testName("foo ."); // function foo .()testName("foo <"); // function foo <()testName("foo?"); // function foo?()testName("foo()"); // function foo()()testName("[...]"); // function ...()testName("foo<"); // function foo()testName("foo..."); // function foo()testName("foo(^)"); // function foo()

Spezifikationen

Nicht Teil eines Standards.

Browser-Kompatibilität

Siehe auch

• Function.prototype.name