TypeScript-基本構文

構文は、プログラムを作成するための一連のルールを定義します。すべての言語仕様は、独自の構文を定義しています。TypeScriptプログラムは-で構成されています

Modules
Functions
Variables
ステートメントと式
Comments

あなたの最初のTypeScriptコード

従来の「HelloWorld」の例から始めましょう-

var message:string = "Hello World" 
console.log(message)

コンパイル時に、次のJavaScriptコードが生成されます。

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

1行目は、名前メッセージで変数を宣言しています。変数は、プログラムに値を格納するためのメカニズムです。
2行目は、変数の値をプロンプトに出力します。ここで、コンソールはターミナルウィンドウを指します。関数ログ（）は、画面にテキストを表示するために使用されます。

TypeScriptプログラムをコンパイルして実行する

Visual StudioCodeを使用してTypeScriptプログラムをコンパイルして実行する方法を見てみましょう。以下の手順に従ってください-

Step 1−ファイルを.ts拡張子で保存します。ファイルをTest.tsとして保存します。コードエディタは、コードを保存しているときに、コードにエラーがある場合はマークを付けます。

Step 2−VSCodeのエクスプローラペインの[作業ファイル]オプションの下にあるTypeScriptファイルを右クリックします。[コマンドプロンプトで開く]オプションを選択します。

Step 3 −ファイルをコンパイルするには、ターミナルウィンドウで次のコマンドを使用します。

tsc Test.ts

Step 4−ファイルはTest.jsにコンパイルされます。作成したプログラムを実行するには、ターミナルに次のように入力します。

node Test.js

コンパイラフラグ

コンパイラフラグを使用すると、コンパイル中のコンパイラの動作を変更できます。各コンパイラフラグは、コンパイラの動作を変更できる設定を公開します。

次の表に、TSCコンパイラに関連するいくつかの一般的なフラグを示します。一般的なコマンドラインの使用法では、一部またはすべてのスイッチを使用します。

S.No.	コンパイラフラグと説明
1.1。	--help ヘルプマニュアルを表示します
2.2。	--module 外部モジュールをロードする
3.3。	--target 目標ECMAバージョンを設定する
4.4。	--declaration 追加の.d.tsファイルを生成します
5.5。	--removeComments 出力ファイルからすべてのコメントを削除します
6.6。	--out 複数のファイルを単一の出力ファイルにコンパイルします
7。	--sourcemap ソースマップ（.map）ファイルを生成する
8.8。	--module noImplicitAny コンパイラが任意の型を推測できないようにします
9.9。	--watch ファイルの変更を監視し、その場で再コンパイルします

Note −複数のファイルを一度にコンパイルできます。

tsc file1.ts, file2.ts, file3.ts

TypeScriptの識別子

識別子は、変数や関数などのプログラムの要素に付けられた名前です。識別子の規則は次のとおりです。

識別子には、文字と数字の両方を含めることができます。ただし、識別子を数字で始めることはできません。
識別子には、アンダースコア（_）またはドル記号（$）以外の特別な記号を含めることはできません。
識別子をキーワードにすることはできません。
それらは一意である必要があります。
識別子では大文字と小文字が区別されます。
識別子にスペースを含めることはできません。

次の表に、有効な識別子と無効な識別子の例をいくつか示します。

有効な識別子	無効な識別子
ファーストネーム	Var
ファーストネーム	ファーストネーム
num1	ファーストネーム
$ result	1番号

TypeScript─キーワード

キーワードは、言語の文脈では特別な意味を持っています。次の表に、TypeScriptのいくつかのキーワードを示します。

ブレーク	なので	どれか	スイッチ
場合	もし	スロー	そうしないと
var	数	ストリング	取得する
モジュール	タイプ	instanceof	typeof
公衆	民間	列挙型	書き出す
最終的に	にとって	一方	ボイド
ヌル	素晴らしい	この	新着
に	戻る	true	false
どれか	拡張します	静的	しましょう
パッケージ	実装	インターフェース	関数
新着	試してみてください	産出	const
継続する	行う	キャッチ

空白と改行

TypeScriptは、プログラムに表示されるスペース、タブ、および改行を無視します。プログラムではスペース、タブ、改行を自由に使用でき、コードを読みやすく理解しやすいように、プログラムをきちんと一貫した方法で自由にフォーマットおよびインデントできます。

TypeScriptでは大文字と小文字が区別されます

TypeScriptでは大文字と小文字が区別されます。これは、TypeScriptが大文字と小文字を区別することを意味します。

セミコロンはオプションです

命令の各行は、 statement。TypeScriptではセミコロンはオプションです。

Example

console.log("hello world")
console.log("We are learning TypeScript")

1行に複数のステートメントを含めることができます。ただし、これらのステートメントはセミコロンで区切る必要があります。

TypeScriptのコメント

コメントは、プログラムの読みやすさを向上させる方法です。コメントを使用して、コードの作成者、関数/構成に関するヒントなど、プログラムに関する追加情報を含めることができます。コメントはコンパイラーによって無視されます。

TypeScriptは次のタイプのコメントをサポートします-

Single-line comments ( // ) − //と行末の間のテキストはコメントとして扱われます
Multi-line comments (/* */) −これらのコメントは複数行にまたがることがあります。

Example

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScriptとオブジェクト指向

TypeScriptはオブジェクト指向のJavaScriptです。オブジェクト指向は、実際のモデリングに従うソフトウェア開発パラダイムです。オブジェクト指向は、プログラムを、メソッドと呼ばれるメカニズムを介して相互に通信するオブジェクトのコレクションと見なします。TypeScriptは、これらのオブジェクト指向コンポーネントもサポートしています。

Object−オブジェクトは、任意のエンティティのリアルタイム表現です。Grady Broochによると、すべてのオブジェクトには3つの機能が必要です。
- State −オブジェクトの属性によって記述されます
- Behavior −オブジェクトがどのように動作するかを説明します
- Identity −オブジェクトをそのような類似のオブジェクトのセットから区別する一意の値。
Class− OOPに関するクラスは、オブジェクトを作成するための青写真です。クラスは、オブジェクトのデータをカプセル化します。
Method −メソッドはオブジェクト間の通信を容易にします。

Example: TypeScript and Object Orientation

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

上記の例では、クラスGreetingを定義しています。このクラスには、メソッドgreet（）があります。このメソッドは、文字列「HelloWorld」を端末に出力します。ザ・newキーワードはクラス（obj）のオブジェクトを作成します。オブジェクトはメソッドgreet（）を呼び出します。

コンパイル時に、次のJavaScriptコードが生成されます。

//Generated by typescript 1.8.10
var Greeting = (function () {
   function Greeting() {
   }
   Greeting.prototype.greet = function () {
      console.log("Hello World!!!");
   };
	return Greeting;
}());

var obj = new Greeting();
obj.greet()

上記のプログラムの出力を以下に示します-

Hello World!!!