Wie erhalte ich die Zeilennummer und die Quell-URL der Aufruffunktion in JavaScript?

Ermitteln der Zeilennummer und der Quell-URL der Aufruffunktion in JavaScript

Ermitteln der Zeilennummer und der Quell-URL, von der aus eine JavaScript-Methode aufgerufen wurde Dies kann für Debugging-Zwecke und die Verfolgung des Ausführungsflusses nützlich sein. Obwohl es keine direkte integrierte Methode gibt, können wir die Stack-Eigenschaft des Error-Objekts verwenden, um diese Informationen abzurufen.

Zeilennummer der Aufruffunktion abrufen

Zu erhalten Wenn wir die Zeilennummer angeben, in der die Aufruffunktion aufgerufen wurde, können wir die Stack-Eigenschaft eines Error-Objekts analysieren:

<code class="js">function getErrorObject() {
  try {
    throw Error('');
  } catch (err) {
    return err;
  }
}

var err = getErrorObject();
var caller_line = err.stack.split("\n")[4];
var index = caller_line.indexOf("at ");
var clean = caller_line.slice(index + 2, caller_line.length);
console.log(clean);</code>

In diesem Beispiel lösen wir einen Fehler aus, um das Error-Objekt abzurufen, das den Aufrufstack enthält. Anschließend teilen wir den Stapel nach Zeilenumbrüchen auf und wählen die vierte Zeile (Index 3) aus, die normalerweise die Informationen zur Aufruferfunktion enthält. Wir kürzen die führende Zeichenfolge „at“, um die Zeilennummer zu extrahieren.

Quell-URL der Aufruferfunktion abrufen

Leider gibt es keine einfache Möglichkeit, die Quell-URL von zu erhalten die aufrufende Funktion aus der Funktion selbst heraus. Wir können jedoch eine Problemumgehung mithilfe der Konsolenprotokollierung verwenden:

<code class="js">function logCallerInfo() {
  console.log("%c", "color: white; background: #000; padding:2px; line-height: 1.5em;",
    err.stack.split("\n")[4]);
}

logCallerInfo();</code>

In diesem Beispiel verwenden wir die Konsolenprotokollierung, um die Informationen zur Aufruferfunktion in einem benutzerdefinierten Stil anzuzeigen. Die vierte Zeile des Stapels (Index 3) sollte die Quell-URL der aufrufenden Funktion enthalten. Wenn Sie die Konsolenausgabe überprüfen, werden die gewünschten Informationen angezeigt.

Obwohl diese Methoden eine Möglichkeit bieten, die Zeilennummer und Quell-URL der Aufruferfunktion anzunähern, ist es wichtig zu beachten, dass sie möglicherweise nicht in allen Situationen völlig zuverlässig sind.

Das obige ist der detaillierte Inhalt vonWie erhalte ich die Zeilennummer und die Quell-URL der Aufruffunktion in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!