Typescript は、変数またはプロパティの初期化のデータ型として「const」キーワードと「readonly」ユーティリティ タイプを使用します。名前と機能によると、これらのデータ型は互いにかなり異なりますが、同じソース コードで使用するとユーザーが混乱することがあります。このガイドでは、TypeScript の「const」キーワードと「readonly」ユーティリティ タイプの違いについて説明します。
まず、「const」および「readonly」ユーティリティ タイプの基本を見てください。
TypeScriptの「const」キーワードとは何ですか?
” 定数 ” キーワードは、指定された変数が定数であることを指定します。これは、変数が割り当てられるとその値を変更できないことを意味します。コンパイル時に指定された変数を定数として扱います。
与えられたコードを使って実際に見てみましょう。
コード
TypeScript プロジェクトの「.ts」ファイル内のコード行をコピーします。
定数 a = 100 ;a = 50 ;
コンソール.ログ ( ある ） ;
上記のコード行では次のようになります。
-
- ” 定数 ” キーワードは” を初期化します ある ”を定数変数として使用します。
- 次に、定数「a」変数の値を変更します。
- 最後に、「 ログ（） 」メソッドは、「a」変数の値を表示します。
エディターは、初期化後に定数「a」変数値を変更するとエラーも生成することがわかります。
出力
tsc main.ts // .ts ファイルをコンパイルするノードmain.js // .js ファイルを実行する
コンパイル中に、「a」変数値は定数であるため変更できないことを示すエラーが生成されることがわかります。
Typescript readonly ユーティリティ タイプとは何ですか?
次に、TypeScript の「const」キーワードと「readonly」ユーティリティ タイプの違いに移ります。
TypeScript の「const」と「readonly」ユーティリティ タイプについて説明する
TypeScript の「const」キーワードと「readonly」ユーティリティ タイプの主な違いは次のとおりです。
-
- 働く： 「const」キーワードは、初期化後に「変数」値を変更できないことを示しますが、「readonly」ユーティリティ タイプは、「プロパティ/変数」値が設定されると変更できないことを指定します。
- 使用法： 「const」キーワードは、変数を定数にするためにのみ変数に使用されます。一方、「readonly」ユーティリティタイプは、インターフェイスまたはオブジェクトの一部である「プロパティと変数」に利用されます。
- 修正： 「const」変数はまったく変更できませんが、「readonly」プロパティは JavaScript メソッドを使用して実行時に変更できます。
結論
TypeScript では、「 定数 「キーワード」と「 読み取り専用 ” ユーティリティ タイプは、” に基づいて互いに異なります。 働く ”、” 使用法 '、 そしてその ' 修正 」要因。それらの主な違いは、「const」は変数のみを定数にするのに対し、「readonly」は変数とプロパティの両方を定数にすることです。このガイドでは、TypeScript の「const」と「readonly」のユーティリティ タイプについて詳しく説明しました。