Type Script構文1

practice.ts練習をしてみます.
tsconfigでtargetをes 5に入れるとconstに書き込むことができずvarにコンパイルされます.
es 6またはes 2015に加入すると、constはそのままになります.

ミスを犯す。

const message:string = 'hello world' // ok
const message:string = 1 // err

tsc practice.ts

タイプを別途発表する必要はありません。

let count = 0 // 타입 선언 안해도 오류 잡아줌
count += 1 ;
count = "문자열" //오류

基礎文法

const message: string = "hello"
const done: boolean = "true"
const numbers: number[] = [1,2,3]
const messages:string[] = ["hello","world"]
//messages.push(1) // 당연히 불가능(숫자를 넣으려해서)

構文の適用

let mightbeUndefined: string | undefined = undefined //o
let mightbeUndefined: string | undefined = "ddsfds" //o

let nullableNumber: number |null = null
let nullableNumber: number |null = 1

let color: "red"|"orange"|"blue" = "red"
color = "black "// 불가 , 위에 명시된 세가지중 하나 가능 

n.関数

function sum(x:number,y:number):number{
  return x + y;
} //타입 설정안하면 :any로 설정된다, 그래도 왠만하면 설정해주자
// 파라미터 괄호가 끝난 뒤의 :number는 결과값이 number여야 된다... 라는 의미

function sumArray(numbers: number[]):number {
 return numbers.reduce((acc,cur)=> acc + cur,0) 
}

const total = sumArray([1,2,3,4,5]) 
console.log(total) // 15로 잘 출력된다.

fuction returnNothing() {
 console.log("헤헤헤")  
}//타입을 명시 안하면 반환타입이 void 로 설정됨

function returnNothing():void {
  console.log("헤헤헤")
  return true
}// 오류발생 return 타입이 void 이기 때문

function numOrStr():string|number {
 return "asdf" // or return 1 
} // 반환타입을 string or number 둘중 하나로 설정했다.

コンパイルするには、エラーを解消する必要があります.