javascript - 不明确的括号指令 "this.fn.bind(this)(super.fn(...args)"

Question

所以在一个项目中，我找到了可以简化为的代码:

export abstract class Logger {
    private static log(level: LogLevels, ...args: Array<any>) {/**/}
    public error(...args: Array<any>): LogData {
        return Logger.log(LogLevels.ERROR, ...args);
    }
}

export class LoggerService extends Logger {
    public error(...args: Array<any>): any {
        return this._log.bind(this)(super.error(...args));
    }

    private _log(logData: LogData) {
        let logstashLoggerData = this.extendLoggerData(logData);
        return this.logStashApi.log(logstashLoggerData)
            .toPromise()
            .catch(err => console.error(err));
    }

}

我有点担心 this._log.bind(this)(super.error(...args));。

我第一次看到这样的东西，所以我宁愿小心谨慎，不要破坏任何东西。这不是任何 Promise 或 .bind() 特定的，是吗？从我的测试来看，该语句似乎可以简单地简化为 this._log(super.error(...args)); (但为什么要复杂化？)，有人可以确认吗？

Answer 1

是的，您可以而且应该摆脱这种内联绑定(bind)。我建议将它移到类的构造函数中(而不是完全摆脱绑定(bind))，因为这样你就可以使用服务方法(error、warning 等)。 ) 作为“普通函数”，如果您需要从模块中导出它们而不暴露 LoggerService 实例本身，这将很有帮助