angular2 TypeScript性能

Question

我是Angular，JavaScript和TypeScript的新手，現在正在https://angular.io/docs/js/latest/quickstart.html上使用Angular2教程。

TypeScript編譯了app.component.js

System.register(['angular2/core'], function(exports_1, context_1) {
    "use strict";
    var __moduleName = context_1 && context_1.id;
    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
        return c > 3 && r && Object.defineProperty(target, key, r), r;
    };
    var __metadata = (this && this.__metadata) || function (k, v) {
        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
    };
    var core_1;
    var AppComponent;
    return {
        setters:[
            function (core_1_1) {
                core_1 = core_1_1;
            }],
        execute: function() {
            AppComponent = (function () {
                function AppComponent() {
                }
                AppComponent = __decorate([
                    core_1.Component({
                        selector: 'my-app',
                        template: '<h1>My First Angular 2 App</h1>'
                    }), 
                    __metadata('design:paramtypes', [])
                ], AppComponent);
                return AppComponent;
            }());
            exports_1("AppComponent", AppComponent);
        }
    }
});

JavaScript示例app.component.js

(function(app) {
  app.AppComponent =
    ng.core.Component({
      selector: 'my-app',
      template: '<h1>My First Angular 2 App</h1>'
    })
    .Class({
      constructor: function() {}
    });
})(window.app || (window.app = {}));

對我來說，Angular2的JavaScript版本更短，更容易理解。 TypeScript編譯的那個有點難以接受，就像core_1_1作為參數傳入但我沒有看到我可以傳入它的位置。

所以我的問題如下

1. TypeScript版本的運行速度是否比JavaScript版本慢，因為通常抽象層越多，速度越慢？

2. TypeScript是未來推薦的方式，因為除了快速入門之外，JavaScript中的教程甚至不可用嗎？

3. 如果我使用TypeScript將Angular編碼為模塊，我是否需要關注除了錯誤/調試目的之外的大量編譯的JavaScript代碼？

謝謝，

Answer 1

TypeScript並不是為編譯后的極端可讀性而設計的，並且機器編譯的代碼總是比人工編寫的代碼更難閱讀（直到AI完成我們的工作）。 那么回答你的問題：

1. 我不知道任何表現出主要速度優勢或缺點的性能測試。 這些天JS語法的細微差別無論如何都不可能成為瓶頸。 低效的算法，不斷的重新繪制，慢速的網絡等更加引人注目。

2. Angular團隊確實在努力推動TypeScript。 TBD如果能夠流行起來，但他們有資源可以隨心所欲地推動。

3. 不是特別。 TypeScript的主要好處在於，您不能像常規JS一樣不知所措。 理論上，這會導致可維護的代碼具有更少的錯誤，更容易調試。 最終，它將歸結為您首選的調試方法，但錯誤消息對於TypeScript來說並不是更加神秘。