Day 9 - TypeScript

今日はTypeScriptを習いました!

TypeScript

マイクロソフトが開発した言語の一つで、JavaScriptのスーパーセット(親拡張言語)です。

TypeScriptは、既存のJavaScriptでタイプを指定して使用します。

JavaScriptのすべての機能が使用可能で、拡張子はjs構文を使用する場合はts、jsx構文を使用する場合はtsxとして指定されます。

なぜTypeScriptを使うのか

JavaScriptコードの例を挙げます。

2つの数を受信し、加算して伝達するプログラムがあります.
ただし、数字以外の文字が受信された場合は、必要な値は取得できません.

function sum(num1, num2){
  return num1 + num2
}
sum(3, 4)        // 7
sum("3", "4")    // "34"

Type Scriptでは、変数ごとにタイプを指定して有効にすることで、上記のエラーを回避できます.

function sum(num1: number, num2: number){
  return num1 + num2
}
sum(3, 4)        // 7
sum("3", "4")    // Error

また、予めタイプが指定されているため、各タイプが自動的に利用可能な方法を完了することができます!

これはTypeScriptとJavaScriptの大きな違いであり,開発者がTypeScriptを使用する理由でもある.👍

Type Scriptタイプの指定方法

Type Scriptでタイプを指定するには、次の手順に従います.
変数またはオブジェクトの後に入力:指定するタイプを入力することもできます.

string

let hello : string = "안녕하세요"

number

let ten : number = 10

boolean

let checked : boolean = true

array

let name : string[] = ["철수", "훈이", "맹구"]

tuple(tupleは固定配列長と各要素タイプを指定する配列フォーマットです!)

let user1 : [string, number] = ['짱구', 5];

any(どんな値でもOK!)

let iCanUseAllType : any = true
let iCanUseAllType : any = 10
let iCanUseAllType : any = "철수"

void(変数はnullとundefinedのみを割り当て、関数は値を返さないことを示します!)

//변수
let nothing : void = null
//함수
function niceToMeetYou() : void {
  console.log("Nice to meet you")
}

TypeScriptでは、関数のタイプ宣言はパラメータと戻り値でのみ宣言できます.

function

function sum(num1: number, num2: number): number {
  return num1 + num2;
}

TypeScript interface

interfaceは、新しいタイプを作成して指定する方法です.
主にオブジェクトと関数に使用されます.

interface

interface IProfile {
	name: string;
	age: number;
}
let profile:IProfile = {name:"철수", age:13}

類型推論

Typeスクリプトは、タイプを指定する必要はありません.タイプスクリプトがコードを表示し、最適なタイプを推定できるようにします.

	let age = 24; // 타입을 지정하지 않아도 age에 number가 지정이 되어있습니다.
	let name = "Jaenk" // 타입을 지정하지 않아도 name에 string가 지정이 되어있습니다.

(*タイプを指定しなくても自動的に指定できるのは本当に良い!!)
ジェーンの一言
TypeScript... ちょっと簡単な感じがしますが、まだ見慣れない感じがします.😵‍💫
しかし、ミスを防止するためにタイプを指定するのは本当に良い利点です!!!