[JP] TypeScript 基本第一『TSとは？』

皆さん!おはようございます！初心者ミンと申します！

今回の投稿はTypeScriptに関するこれからの投稿の紹介と

Typescriptとは？の内容を紹介します。

 

まず～！これからの投稿は自分の勉強として！そして、情報提供の

目的としてやっていこうと思います、情報は初心者を基準となってます！

この投稿がその一歩となります。

 

本題に入ります！

 

あ!!　待ってくださいTypeScript投稿はJavaScriptの基本知識持ち向けです！

もし、JavaScriptをまだ、知らない方は勉強してきてください！

　TypeScriptとは？　

皆さんはTypeScriptをご存知ですか?

TypeScriptはMSで開発されたJavaScriptをより安全で予測出来るコード具現にスポットを当てた

JSの上位集合(SuperSet)言語です！

 

あ～でもこういうふうに説明したら面白くありませんが！ちょっとだけ頑張ってください！

プログラミングをやる立場として作動方式くらいは覚えておきましょう!

 

TypeScriptの最も重要な特徴はJavaScriptにType Systemを適用させたところです！

なので、TypeScriptで作成されたコードはTypeScriptのCompilerを通じてJavaScriptに変換！

そして、実行されます！

 

TypeScript = JavaScript + Type System

 

さあ！これから一緒に相違点を見てみましょう！

 

　JSの場合　

function time(a, b){
	return a * b;
}

console.log(time('5', '2')) // 10

見てください！えっ、、僕はたしか、、Stringデータタイプだけど、、数字に自動変換されました!

こういうところは自由度が高く、制限がなくてより柔軟に使えますが、

こういうのを　Loosly Typed or Dynamic Typedと言います！

 

でも、トラブルを起こる恐れがあります！

意図してない値が出たり、Errorがでたりします！こういうのが防げるのがTypeScriptです。

 

　TSの場合　

function time(a: number, b: number): number {
	return a * b
}

console.log(time('1', '2')) // Compile Error

このようにパラメーターのデータをNumberとして宣言し、結果の値のデータタイプまで宣言しました！

おっと、、エラーですね、、どうしてでしょう！JSと同じくStringを入れたら今回はエラーですね！

 

その理由はTypeScriptでタイプを宣言し、それに当てはまらないデータタイプが入ったらCompileErrorが出るんです！

こういうふうにデータタイプの制限を定められた言語をstrongly typed or state typed と言います！

でも！JS固有の柔軟性は維持します！

 

　変数宣言の違い　

JS	共通点	TS
色んなデータタイプを制限なしで使える	let, const, var	データタイプを指定できる

 

今日はここまで紹介します！TSの内容は毎週月曜日に投稿する予定です！

みんな楽しいコーディングをしてください！

 

見てくださってありがとうございます！