式構文

Angular式はJavaScriptに基づいていますが、いくつかの重要な点で異なります。このガイドでは、Angular式と標準JavaScriptの類似点と相違点を説明します。

値リテラル

Angularは、リテラル値のサブセットをJavaScriptからサポートしています。

リテラルタイプ	例値
テンプレート文字列	`\`Hello ${name}``
正規表現	`/\d+/`

Angular式は、次のグローバルをサポートしています。

その他のJavaScriptグローバルはサポートされていません。一般的なJavaScriptグローバルには、Number、Boolean、NaN、Infinity、parseIntなどがあります。

Angularは、特定のコンテキストで式に使用できる特別なローカル変数を自動的に用意します。これらの特別な変数は、常にドル記号文字（$）で始まります。

たとえば、@forブロックはループに関する情報に対応する複数のローカル変数（$indexなど）を提供します。

Angularは、標準JavaScriptの次の演算子をサポートしています。

Angular式は、さらに次の非標準の演算子もサポートしています。

演算子	例(複数)
パイプ	`{{ total \| currency }}`
オプショナルチェーン*	`someObj.someProp?.nestedProp`
非nullアサーション（TypeScript）	`someObj!.someProp`

*注意: オプショナルチェーンは、標準JavaScriptバージョンとは異なる動作をします。Angularのオプショナルチェーン演算子の左辺がnullまたはundefinedの場合、undefinedではなくnullを返します。

Angular式は、コンポーネントクラスのコンテキストと、関連するテンプレート変数、ローカル変数、およびグローバル変数のコンテキストで評価されます。

クラスメンバーを参照する場合、thisは常に暗黙的に使用されます。

一般的に、Angular式では宣言はサポートされていません。これには、以下が含まれますが、これらに限定されません。

宣言	例(複数)
変数	`let label = 'abc'`, `const item = 'apple'`
関数	`function myCustomFunction() { }`
アロー関数	`() => { }`
クラス	`class Rectangle { }`

イベントハンドラーは、式ではなく文です。Angular式と同じ構文をすべてサポートしていますが、2つの重要な違いがあります。