Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ 構文 | TypeScriptの基礎
TypeScript入門

book構文

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

TypeScriptはJavaScriptの拡張機能であり、このコードの上に適用されます。JavaScriptとTypeScriptの基本構文は同一であるため、すでにJavaScriptの基礎を知っていれば、このコースの内容をより簡単に理解できます。ただし、その場合でも、基礎を復習するためにタスクを完了することをおすすめします。

これまでJavaScriptを扱ったことがなくても問題ありません。このコースでは、TypeScriptとJavaScriptの両方で共通する基本構文を扱います。

まずは、コンソールにテキストを出力する方法から始めましょう。

1
console.log("Hello World");
copy

コンソールに情報を表示するには、次の構文を使用します:

console.log("Text we want to output");

コンソールに出力したいテキストは、ダブルクォーテーション"")で囲む必要があります。上記のコードウィンドウでテキストを変更して試してみてください!

Note

コードの行末にセミコロン(;)を付けるのは任意です。

このコマンドを使うことで、コンソールに任意の内容を出力可能。例を見てみましょう:

12
console.log("Any custom text you like") console.log(12345)
copy

注意

数値を出力する際にはダブルクォーテーション("")は使用しません。ダブルクォーテーションはテキストのみで使用します。

数値とテキストを組み合わせる場合は、テンプレートリテラルを利用可能。この構文はTypeScriptとJavaScriptの両方で利用可能。

ダブルクォーテーションの代わりにバッククォートを使用します。また、値(数値や変数名)はこの構文で囲みます: ${variable/number}。 例を見てみましょう:

12
var variable = 15 console.log(`There is two numbers: ${variable} and ${13}`)
copy

Note

var は変数を宣言するやや古い方法。現在では、変数の宣言には let が一般的に使用され、定数(初期化後に変更できない変数)には const が使われる。

上記のコード例では、変数の作成と使用の方法を示している。次の章では、変数の作成と使用方法についてさらに詳しく解説する。

question mark

次のコードの出力は何ですか?

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

すべて明確でしたか?

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

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

セクション 1.  2

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 1.  2
some-alt