A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Function/displayName below:

Funktion: displayName - JavaScript | MDN

Funktion: displayName

Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.

Die optionale displayName Eigenschaft einer Function Instanz gibt den Anzeigenamen der Funktion an.

Wert

Die displayName 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 die displayName Eigenschaft von Konsolen und Profiler möglicherweise bevorzugt gegenüber der name Eigenschaft verwendet, um den Namen einer Funktion anzuzeigen.

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

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

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

Beispiele Ein displayName setzen

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

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

a; // function MyFunction()
Dynamisches Ändern von displayName

Sie können den displayName einer Funktion dynamisch ändern:

const object = {
  // anonymous
  someMethod: function someMethod(value) {
    someMethod.displayName = `someMethod (${value})`;
  },
};

console.log(object.someMethod.displayName); // undefined

object.someMethod("123");
console.log(object.someMethod.displayName); // "someMethod (123)"
Bereinigung von displayName

Die Firefox Devtools bereinigen einige häufige Muster in der displayName 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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4