从打字稿方法中获取方法名称

Question

我想从 Typescript 中类的实例方法中获取当前方法的名称。

（伪代码，不起作用）：

class Foo {
    bar() {
        console.log(something); //what should something be?
    }
}

new Foo().bar();

我希望 'something' 返回 'bar'。我意识到this 可以给我类，我可以通过某种方式从中获取类及其属性，但我不知道如何获取“此函数”（即方法栏，而不是类 Foo）。

我见过其他几个与查找类名等相关的问题，但没有一个涉及获取当前方法名的问题。

Answer 1

除了arguments.callee.name，没有直接的方法可以得到这个。

我提出了另外两种方法：

使用装饰器注入方法名：

function annotateName(target, name, desc) {
    var method = desc.value;
    desc.value = function () {
        var prevMethod = this.currentMethod;
        this.currentMethod = name;
        method.apply(this, arguments);
        this.currentMethod = prevMethod;   
    }
}

class Foo {
    currentMethod: string;

    @annotateName
    bar() {
        alert(this.currentMethod);
        this.tux();
        alert(this.currentMethod);
    }

    @annotateName
    tux() {
        alert(this.currentMethod);
    }
}

new Foo().bar();

缺点是您必须注释所有要从中获取名称的函数。相反，您可以只对类进行注释，然后在装饰器中迭代所有原型函数并应用相同的想法。

---

我的第二个选项没有标准化，需要更加小心才能在浏览器中获得一致的结果。它依赖于创建一个错误对象并获取它的stack 跟踪。

class Foo {
    bar() {
        console.log(getMethodName());    
    }
}

function getMethodName() {
    var err = new Error();
    return /at \w+\.(\w+)/.exec(err.stack.split('\n')[2])[1] // we want the 2nd method in the call stack

}

new Foo().bar();

Answer 2

不确定这是否有帮助，但是：

class Foo {
    bar() {
        console.log(Object.getOwnPropertyNames(Foo.prototype)); // ["constructor", "bar"]
    }
}

new Foo().bar();

Answer 3

类名 - Foo.name 方法名称 - this.bar.name

Answer 4

请记住，在编译和缩小期间，您可能会丢失您尝试使用的实际名称。您可能会考虑查看 ts-nameof babel 宏，它在编译期间读取几乎任何东西的名称并返回它的实际字符串表示形式。

Answer 5

只是用另一个有趣的观点来回答这个问题，你可以做（​​但不应该做）这样的事情：

class Foo {
    constructor(private http: HttpClient) {

        const apiUrl = 'http://myapi.com/api/';

        {
            const functionName = 'getBar';
            this[functionName] = function () {
                return http.get(apiUrl + functionName);
            }
        }

        {
            const functionName = 'postBar';
            this[functionName] = function () {
                return http.get(apiUrl + functionName);
            }
        }

        {
            const functionName= 'putBar';
            this[functionName] = function () {
                return http.get(apiUrl + functionName);
            }
        }

        {
            const functionName= 'deleteBar';
            this[functionName] = function () {
                return http.get(apiUrl + functionName);
            }
        }
    }
}

这当然不是一个优雅的解决方案，我真的无法想象一个好的用例来做这样的事情，因为我很确定编译器无法识别new Foo(http).deleteBar()。也许有人可以用这个想法想出一个优雅的解决方案，我会把它留给别人做实验。

但是使用这种模式（如果您使用某种 devops 脚手架或“强大的复制粘贴技能”），您始终可以通过 functionName 访问您的方法的名称

Answer 6

我也在寻找解决方案，试试这个：

class Foo {
  bar() {
      console.log(this.bar.name); // <-- Print out the function name.
  }
}
  
new Foo().bar(); 

很好的是，如果您更改函数名称，则会收到错误，但忘记更新控制台语句。