TypeScript未提供函数名称

Question

我有一些typescript代码，我正在进行一些元编程，其中我需要能够访问instance.func.name，但是typescript在编译的JS中省略了函数名。

TypeScript：

class ClassName {
    // ... 
    func(): ReturnType {
        // ...
    }
}

编译的JavaScript:

// ...
ClassName.prototype.func = function () {
    // ... 
};

所需JavaScript:

ClassName.prototype.func = function func() {
    // ...                          ^^^^
};

有没有我缺少的编译器选项，或者我可以在TypeScript中使用关键字来实现这一点？

Answer 1

一个解决方案，一旦我将不会标记为接受，因为它不提供name属性，但可以与任何其他标识符一起使用，如下所示：

function named(target: any, key: string) {
    target[key].functionName = key;
}
class ClassName {
    // ... 
    @named
    func(): ReturnType {
         // ...
    }
}

然后访问instance.func.functionName。

Answer 2

由于function.name是只读属性，因此无法使用TypeScript装饰器。

有一种巧妙的方法：

class ClassName {
    // ... 
    public func = function test() {
    }
    public func2() {
    }
}
let instance = new ClassName();
console.log("RESULT", instance.func['name']);

但这并不是您所要求的（即，注意函数声明中缺少原型）。

编辑：TypeScript编译器不写入函数名，因为在emitter.ts:中没有处理SyntaxKind.MethodDeclaration

function shouldEmitFunctionName(node: FunctionLikeDeclaration) {
    if (node.kind === SyntaxKind.FunctionExpression) {
        // Emit name if one is present
        return !!node.name;
    }
    if (node.kind === SyntaxKind.FunctionDeclaration) {
        // Emit name if one is present, or emit generated name in down-level case (for export default case)
        return !!node.name || languageVersion < ScriptTarget.ES6;
    }
}

如果你想弄脏你的手，那么你可以更新./node_modules/typescript/lib/typescript.js文件。只需添加最后一个条件：

function shouldEmitFunctionName(node) {
    if (node.kind === 173 /* FunctionExpression */) {
        // Emit name if one is present
        return !!node.name;
    }
    if (node.kind === 213 /* FunctionDeclaration */) {
        // Emit name if one is present, or emit generated name in down-level case (for export default case)
        return !!node.name || languageVersion < 2 /* ES6 */;
    }
    // MODIFIED
    if (node.kind === 143 /* MethodDeclaration */) {                    
        return true;
    }                                                        
}

并运行此程序来测试更改：

$ node ./node_modules/typescript/lib/typescript.js hello.ts