Wie man JavaScript-caller-Funktion die Zeilennummer? Wie man JavaScript Anrufer Quell-URL?

Dieser funktioniert bei mir in chrome/QtWebView

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);

InformationsquelleAutor Nathan Landis

War ich überrascht, dass die meisten dieser Antworten davon ausgegangen, dass Sie wollte, um einen Fehler zu behandeln, anstatt nur die Ausgabe hilfreiche debug-Spuren für den normalen Fällen.

Zum Beispiel, ich mag mit einem console.log wrapper wie diese:

consoleLog = function(msg) {//See https://stackoverflow.com/a/27074218/470749
    var e = new Error();
    if (!e.stack)
        try {
            //IE requires the Error to actually be thrown or else the 
            //Error's 'stack' property is undefined.
            throw e;
        } catch (e) {
            if (!e.stack) {
                //return 0; //IE < 10, likely
            }
        }
    var stack = e.stack.toString().split(/\r\n|\n/);
    if (msg === '') {
        msg = '""';
    }
    console.log(msg, '          [' + stack[1] + ']');        
}

Endet dies drucken eine Ausgabe wie die folgende für meine Konsole:

1462567104174 [getAllPosts@http://me.com/helper.js:362:9]

Sehen https://stackoverflow.com/a/27074218/ und auch Einen richtigen wrapper für die console.log mit richtige Nummer?

InformationsquelleAutor Ryan

Es scheint, ich bin ein bisschen spät :), aber die Diskussion ist ziemlich interessant, so.. hier geht es... Vorausgesetzt, Sie wollen bauen einen error-handler, und Sie sind mit Ihrem eigenen exception-handler-Klasse wie:

function  errorHandler(error){
    this.errorMessage = error;
}
errorHandler.prototype. displayErrors = function(){
    throw new Error(this.errorMessage);
}

Und Sie ' re wickeln Sie Ihren code wie folgt:

try{
if(condition){
    //whatever...
}else{
    throw new errorHandler('Some Error Message');
}
}catch(e){
    e.displayErrors();
}

Wahrscheinlich haben Sie den Fehler-handler in einem separaten .js-Datei.

Werden Sie feststellen, dass in firefox oder chrome Fehler Konsole die code-Zeile, die Anzahl(und Namen) gezeigt haben, ist die Zeile(Datei), wirft den 'Fehler' Ausnahme und nicht die 'errorHandler' Ausnahme wich, die Sie wirklich wollen, um zu machen das Debuggen leicht. Werfen Sie Ihre eigenen Ausnahmen ist groß, aber bei großen Projekten Ihre Lokalisierung kann durchaus ein Problem sein, vor allem, wenn Sie ähnliche Meldungen. Also, was Sie tun können, ist, übergeben Sie einen Verweis auf eine tatsächlich leere Error-Objekt nach der Fehlerbehandlung, und das Bezug genommen wird, halten alle Informationen, die Sie möchten( zum Beispiel in firefox können Sie den Dateinamen und die Zeilennummer etc.. ; in Chrom bekommt man etwas ähnliches, wenn Sie Lesen, der 'stack' - Eigenschaft des Error-Instanz).
Lange Geschichte kurz , können Sie etwas wie das hier tun:

function  errorHandler(error, errorInstance){
    this.errorMessage = error;
    this. errorInstance = errorInstance;
}
errorHandler.prototype. displayErrors = function(){
    //add the empty error trace to your message
    this.errorMessage += '  stack trace: '+ this. errorInstance.stack;
    throw new Error(this.errorMessage);
}

try{
if(condition){
    //whatever...
}else{
    throw new errorHandler('Some Error Message', new Error());
}
}catch(e){
    e.displayErrors();
}

Nun können Sie die eigentliche Datei und die Zeilennummer, die throwed Sie benutzerdefinierte Ausnahme.

InformationsquelleAutor rusu bogdan

Wenn Sie möchten, um zu wissen, die Nummer der Zeile, für debugging-Zwecke oder nur während der Entwicklung (Für einen oder anderen Grund, können Sie Firebug (eine Firefox-Erweiterung) und werfen eine Ausnahme.

Bearbeiten:

Wenn Sie wirklich tun müssen, in der Produktion aus irgendeinem Grund, Sie können pre-Prozess für javascript-Dateien in Reihenfolge für jede Funktion, um zu verfolgen, welche Zeile es ist. Ich kenne einige frameworks finden Sie die Abdeckung des Codes, benutzen Sie diesen (wie JSCoverage).

Zum Beispiel, sagen wir, Ihre original-Aufruf:

function x() {
  1 + 1;
  2 + 2;
  y();
}

Könnten Sie schreiben, einen Präprozessor zu machen, in:

function x() {
  var me = arguments.callee;
  me.line = 1;
  1 + 1;
  me.line = 2;
  2 + 2;
  me.line = 3;
  y();
}

Dann in y() könnten Sie arguments.callee.caller.line zu wissen, die Linie, von denen es hieß, wie:

function y() {
  alert(arguments.callee.caller.line);
}

InformationsquelleAutor Sinan Taifour

folgende code funktioniert bei mir im Mozilla und Chrome.

Seiner log-Funktion, die zeigt, dass der name der Datei und die Zeile des Anrufers.

log: function (arg) {
    var toPrint = [];
    for (var i = 0; i < arguments.length; ++i) {
        toPrint.push(arguments[i]);
    }

    function getErrorObject(){
        try { throw Error('') } catch(err) { return err; }
    }

    var err = getErrorObject(),
        caller;

    if ($.browser.mozilla) {
        caller = err.stack.split("\n")[2];
    } else {
        caller = err.stack.split("\n")[4];
    }

    var index = caller.indexOf('.js');

    var str = caller.substr(0, index + 3);
    index = str.lastIndexOf('/');
    str = str.substr(index + 1, str.length);

    var info = "\t\tFile: " + str;

    if ($.browser.mozilla) {
        str = caller;
    } else {
        index = caller.lastIndexOf(':');
        str = caller.substr(0, index);
    }
    index = str.lastIndexOf(':');
    str = str.substr(index + 1, str.length);
    info += " Line: " + str;
    toPrint.push(info);

    console.log.apply(console, toPrint);
}

InformationsquelleAutor Noampz

Dies ist, wie ich es getan haben, ich habe es getestet in Firefox und Chrome. Dies macht es möglich, überprüfen Sie den Dateinamen und die Zeilennummer des Ortes, wo die Funktion aufgerufen wird.

logFileAndLineNumber(new Error());

function logFileAndLineNumber(newErr)
{
   if(navigator.userAgent.indexOf("Firefox") != -1)
   {
      var originPath = newErr.stack.split('\n')[0].split("/");
      var fileNameAndLineNumber = originPath[originPath.length - 1].split(">")[0];
      console.log(fileNameAndLineNumber);
   }else if(navigator.userAgent.indexOf("Chrome") != -1)
   {
      var originFile = newErr.stack.split('\n')[1].split('/');
      var fileName = originFile[originFile.length - 1].split(':')[0];
      var lineNumber = originFile[originFile.length - 1].split(':')[1];
      console.log(fileName+" line "+lineNumber);
    }
}

InformationsquelleAutor Dilshan Liyanage

Antworten sind einfach. Nein und Nein (No).

Durch die Zeit, die javascript ausgeführt wird, das Konzept der Quell-Dateien/urls, von denen das kommen ist gegangen.

Gibt es auch keine Möglichkeit zu bestimmen, eine Linie, Reihe, da wieder die Zeit der Ausführung wird der Begriff " code "Zeilen" ist nicht mehr sinnvoll in Javascript.

Bestimmten Implementierungen können vorsehen, API-hooks zu ermöglichen privilegierten code Zugang zu solchen details, die für die Zwecke der Fehlerbeseitigung, aber diese APIs sind nicht ausgesetzt zu gewöhnlichen standard-Javascript-code.

InformationsquelleAutor AnthonyWJones

console.log(new Error);

Wird es zeigen Ihnen die ganze Spur.

InformationsquelleAutor MSTRmt