Question

Say I have the following code:

var f1 = function (a) {
    return f2(a + 1);
};
var f2 = function (a) {
    return f3(a + 1);
}
var f3 = function (a) {
    console.trace();
};

f1(5);

I am doing a console.trace in f3 and this is what the Console is displaying:

---

My question is, why is Firebug displaying anonymous instead of the function names during the trace?

Answer 1

Rewrite it like this to name your functions instead of using anonymous functions:

function f1(a) {
    return f2(a + 1);
};
function f2(a) {
    return f3(a + 1);
}
function f3(a) {
    console.trace();
};

f1(5);

See this page for a good description of the differences between the two syntaxes.