TypeScript とは何ですか? JavaScript の代わりに TypeScript を使用する理由は何ですか? [closed] 質問する

この回答を書いたのは、TypeScriptがまだリリースされたばかりの頃でした。5年経った今、この概要は悪くありませんが、ロデウィクの答え詳細は下記をご覧ください

1000フィートの眺め...

タイプスクリプトは、主にオプションの静的型付け、クラス、およびインターフェイスを提供する JavaScript のスーパーセットです。大きな利点の 1 つは、コードを入力する際に​​一般的なエラーを見つけるためのより豊富な環境を IDE が提供できるようになることです。

私の言っていることを理解するには、マイクロソフトの紹介ビデオ言語について。

大規模な JavaScript プロジェクトの場合、TypeScript を採用すると、通常の JavaScript アプリケーションが実行される場所にデプロイ可能でありながら、より堅牢なソフトウェアが実現される可能性があります。

これはオープンソースですが、サポートされているIDEを使用した場合にのみ、入力時に賢いインテリセンスを利用できます。当初は、MicrosoftのVisual Studioのみでした（ブログ投稿にも記載されています）。ミゲル・デ・イカサ）。 最近、他のIDEもTypeScriptのサポートを提供している。

他にも同様の技術はありますか?

そこにはコーヒースクリプトですが、これは実際には別の目的を果たします。私見では、CoffeeScriptは人間にとって読みやすいものですが、TypeScriptはオプションの静的型付けによってツールにとって深い読みやすさも提供します（こちらを参照）。最近のブログ投稿もう少し批評したい人は、ダーツしかし、これはJavaScriptの完全な代替品です（ただしJavaScriptコードを生成できる）

例

例として、TypeScriptの例を示します（TypeScript プレイグラウンド）

class Greeter {
    greeting: string;
    constructor (message: string) {
        this.greeting = message;
    }
    greet() {
        return "Hello, " + this.greeting;
    }
}  

そしてこれが生成するJavaScriptです

var Greeter = (function () {
    function Greeter(message) {
        this.greeting = message;
    }
    Greeter.prototype.greet = function () {
        return "Hello, " + this.greeting;
    };
    return Greeter;
})();

TypeScript がメンバー変数とクラス メソッド パラメータの型をどのように定義するかに注目してください。これは JavaScript に変換するときに削除されますが、IDE とコンパイラによって、コンストラクターに数値型を渡すなどのエラーを見つけるために使用されます。

また、明示的に宣言されていない型を推論することもできます。たとえば、メソッドがgreet()文字列を返すことを判断します。

TypeScript のデバッグ

多くのブラウザや IDE は、ソースマップを通じて直接デバッグをサポートしています。詳細については、この Stack Overflow の質問を参照してください。Visual Studio で TypeScript コードをデバッグする

もっと知りたい？

この回答はTypeScriptがまだリリースされたばかりの頃に書いたものです。ロデウィクの答えより最新の詳細情報については、この質問をご覧ください。