TypeScriptの基本構文
TypeScript プログラムは次の部分で構成されます。
- モジュール
- 関数
- 変数
- ステートメントと式
- ノート
最初の TypeScript プログラム
次の TypeScript プログラムを使用して、「Hello World」を出力できます。
Runoob.ts ファイルのコード:
const hello : string = "Hello World!"
console.log(hello)
上記のコードは、最初に tsc コマンドによってコンパイルされます。
tsc Runoob.ts
次の js コードを取得します。
Runoob.js ファイルのコード:
var hello = "Hello World!";
console.log(hello);
最後に、node コマンドを使用して js コードを実行します。
$ node Runoob.js
Hello World
プロセス全体を次の図に示します。
複数の ts ファイルを同時にコンパイルできます。
tsc file1.ts file2.ts file3.ts
tsc の一般的なコンパイル パラメーターを次の表に示します。
シリアルナンバー | コンパイルパラメータの説明 |
---|---|
1. | --help ヘルプ情報を表示します |
2. | --module ロード拡張モジュール |
3. | --ターゲット セットのECMAバージョン |
4. | --declaration は 、拡張子が .d.ts のファイルをさらに生成します。 tsc ts-hw.ts --declaration 上記のコマンドは、ts-hw.d.ts と ts-hw.js という 2 つのファイルを生成します。 |
5. | --removeComments ファイルからコメントを削除します |
6. | --out 複数のファイルをコンパイルし、1 つの出力ファイルにマージします。 |
7。 | --sourcemap ソースマップ (.map) ファイルを生成します。sourcemap は、ソース コードとコンパイルされたコード間のマッピングを保存する情報ファイルです。 |
8. | --module noImplicitAny は、 式と宣言に暗黙的な any 型がある場合にエラーを報告します。 |
9. | --watch コンパイラを監視モードで実行します。出力ファイルは監視され、変更されると再コンパイルされます。 |
TypeScript の予約キーワード
TypeScript の予約キーワードを次の表に示します。
壊す | として | キャッチ | スイッチ |
場合 | もしも | 投げる | それ以外 |
だった | 番号 | 弦 | 得る |
モジュール | タイプ | インスタンスの | の種類 |
公共 | プライベート | 列挙型 | 輸出 |
ついに | ために | その間 | 空所 |
ヌル | 素晴らしい | これ | 新しい |
の | 戻る | 真実 | 間違い |
どれでも | 伸びる | 静的 | させて |
パッケージ | 実装する | インターフェース | 関数 |
新しい | 試す | 収率 | 定数 |
続く | する |
空白と改行
TypeScript は、プログラム内に出現するスペース、タブ、改行を無視します。
スペースとタブは、コードを読みやすく理解しやすくするためにインデントするためによく使用されます。
TypeScript では大文字と小文字が区別されます
TypeScript は大文字と小文字を区別します。
セミコロンはオプションです
命令の各行はステートメントであり、セミコロンを使用してもしなくても構いません。TypeScript ではセミコロンはオプションであり、使用することをお勧めします。
次のコードはすべて合法です。
console.log("Runoob")
console.log("Google");
ステートメントを同じ行に記述する場合は、セミコロンで区切る必要があります。そうしないと、次のようなエラーが報告されます。
console.log("Runoob");console.log("Google");
TypeScript アノテーション
コメントは良い習慣です。多くのプログラマはコメントを嫌いますが、それでもコードの各部分にテキストによる説明を書くことをお勧めします。
コメントを使用すると、プログラムの可読性が向上します。
コメントには、コードの作成者、関数の説明など、プログラムに関する情報を含めることができます。
コメントはコンパイラによって無視されます。
TypeScript は 2 種類のアノテーションをサポートします
-
単一行コメント ( // ) - // の後のテキストはコメントの内容です。
-
複数行コメント (/* */) -このタイプのコメントは複数行にまたがることができます。
注記の例:
// 这是一个单行注释
/*
这是一个多行注释
这是一个多行注释
这是一个多行注释
*/
TypeScript とオブジェクト指向
オブジェクト指向は、現実世界を理解して抽象化する方法です。
TypeScript はオブジェクト指向プログラミング言語です。
オブジェクト指向には、オブジェクトとクラスという 2 つの主要な概念があります。
- オブジェクト : オブジェクトはクラスのインスタンスであり (オブジェクトはガールフレンドを探しているわけではありません)、状態と動作を持ちます。たとえば、犬はオブジェクトであり、その状態は色、名前、品種であり、行動は尻尾を振る、吠える、食べるなどです。
- クラス: クラスは、オブジェクトのクラスの動作と状態を記述するテンプレートです。
- メソッド: メソッドは、クラスの操作の実装ステップです。
以下の図では、 女の子と男の子が クラスであり、各人がこのクラスのオブジェクトです。
TypeScript オブジェクト指向プログラミングの例:
class Site {
name():void {
console.log("Runoob")
}
}
var obj = new Site();
obj.name();
上記の例では、端末に文字列 Runoob を出力するメソッド name() を持つクラス Site を定義しています。
new キーワードは、メソッド name() を呼び出すクラスのオブジェクトを作成します。
コンパイル後に生成される JavaScript コードは次のとおりです。
var Site = /** @class */ (function () {
function Site() {
}
Site.prototype.name = function () {
console.log("Runoob");
};
return Site;
}());
var obj = new Site();
obj.name();
上記の JavaScript コードを実行すると、出力は次のようになります。