为什么堆栈跟踪在 .ts 文件中的一行中显示 3 个调用

Question

我里面有以下代码行main.ts：

platform.bootstrapModule(AppModule);

在调用堆栈中，它显示为 3 个这样的调用：

为什么？

Answer 1

是的，确实，这是JS代码

(function (System, SystemJS) {
    (function (require, exports, module, __filename, __dirname, global, GLOBAL) {
        "use strict";
        var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
        var app_module_1 = require("./app.module");
        var platform = platform_browser_dynamic_1.platformBrowserDynamic();
        platform.bootstrapModule(app_module_1.AppModule);
        //# sourceMappingURL=main.js.map
    }).apply(__cjsWrapper.exports, __cjsWrapper.args);
})(System, System);

映射到

platform.bootstrapModule(AppModule);

在调用之前确实有 3 个函数调用bootstrapModule：

outer IIFE、inner IIFE、 和platform.bootstrapModule(app_module_1.AppModule);。