当前正在运行的javascript函数名称？

Question

This works fine AFAIK:

(function f() {
    console.log(f.name);  //logs f
})();

But some of the answers posted here are a lot longer, which makes me think that I might be missing a gotcha (In other words it works in this case, BUT ...) with the above statement?

Here's a slightly different typescript variation:

function f1() {} 
function f2(f:Function) {
   console.log(f.name);
}

f2(f1);

Answer 1

The Function.name property is only available in ES6/ES2015-compliant engines. So for example if you try to access it without additional configuration in Typescript you will get the error:

[ts] Property 'name' does not exist on type 'Function'.

So for typescript include es2015 in your --lib value to get the property declaration.

    {
    "compilerOptions": {
        ...
        "lib": ["es2015"],                        /* Specify library files to be included in the compilation. */
        ...
    }