typescript - typescript __awaiter 的目的是什么

标签 typescript es6-promise

考虑这个简单的类

class Test {
    private foo(): Promise<void> {
        return new Promise<void>((resolve, reject) => {
            resolve();
        });
    }

    private async bar() {
        await this.foo();
    }
}

编译成

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator.throw(value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments)).next());
    });
};
class Test {
    foo() {
        return new Promise((resolve, reject) => {
            resolve();
        });
    }
    bar() {
        return __awaiter(this, void 0, void 0, function* () {
            yield this.foo();
        });
    }
}
//# sourceMappingURL=Test.js.map

但是 ES6 原生支持关键字 await,为什么 typescript 会去掉 await 并返回另一个 Promise 包装器?

__awaiter 的用途是什么

最佳答案

Typescript 包含 __awaiter 帮助程序,因为 async/await 不是 es6 的一部分/es2015 规范。

Initial definition in ES2017. -- MDN

如果您不想包含此帮助程序,则需要以 es2017 为目标。

关于typescript - typescript __awaiter 的目的是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47995484/

相关文章:

html - 如何通过单击按钮创建 Material 卡?

javascript - 无法在 react 中设置状态

angularjs - 如何使用不污染全局范围的 TypeScript 类定义 AngularJS 服务?

angular - 禁用表单时,响应式表单有效属性返回 false

angular - Hook 以从 Typescript 引导 4 模态显示/隐藏事件

javascript - 带有 TypeScript 类的 NodeJS EventEmitter

javascript - 如何导入基于 promise 的变量以在另一个模块中使用(javascript)?

javascript - 使用 ES6 Promise 进行递归树遍历

javascript - Promise.catch 在 IE11 中使用 polyfills 失败