Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ 型付き変数宣言 | TypeScriptの基礎
TypeScript入門

book型付き変数宣言

メニューを表示するにはスワイプしてください

TypeScriptはJavaScriptのスーパーセットであるため、基本的な構文に大きな違いはありません。しかし、ここで最も重要な違いの一つである型付けについて見ていきます。

TypeScriptでは、型付き変数の概念が導入されており、各変数の型を明示的に定義します。TypeScriptがサポートするさまざまなデータ型の中で、よく使われる型にはnumberbooleanstringがあります。

これまではvarキーワードを使って変数を宣言し、TypeScriptが自動的に型を推論していました。ここでは、TypeScriptの作業を簡単にするために、変数の型を手動で定義します。次のように記述します。

12
let one : number = 10; console.log(one)
copy

構文は少し異なり、変数 one の型が確認できる。構文を詳しく見てみる。

let variable_name : type = value;

同様に、他の2つの型の変数も定義できる。例えば、文字列型の場合:

12
let variable : string = 'Hello c<>definity!'; console.log(variable);
copy

まるでコードに命令しているかのように感じたかもしれません:変数は文字列であるべし!

このように覚えることで、構文を記憶しやすくなります。

boolean

次に、boolean型に進みます。これはtruefalseの値のみを持つことができるデータ型です。

Q: 何に使われますか?

A: 条件付きでコードブロックを実行するために使われます。

Q: 条件付きのコードブロックとは何ですか?

A: このコースの後半で学びます。

boolean型の変数を見てみましょう:

12
let variable : boolean = true; console.log(variable);
copy

データ型付けの目的

主に、データ型付けはプログラマーが自分のコードをより理解しやすくするために使用されます。データ型付けを使うかどうかは自由ですが、TypeScriptはこの機能で高く評価されています。

さらに、データ型付けはエラーの回避にも役立ちます。TypeScriptのコンパイラは、データ型が一致しないコード部分をハイライト表示してくれるため、以下のスクリーンショットのように確認できます。

変数をnumber型とstring型で定義しました。その後、数値を文字列で割ろうとしています。コンパイラは間違いの可能性を警告してくれます。コンパイラがしっかりサポートしてくれます。

question mark

英語からTypeScriptへの翻訳:「Let the name be a string and let it be 'C<>definity'!」

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  5

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  5
some-alt