본문 바로가기

Typescript/타입 정의

(3)
Typescript - 함수 타입스크립트의 함수에서는 인수와 반환값의 타입을 정의 할 수 있습니다. // name 이라는 string 타입과 age라는 number Optional 타입을 파라미터로 받으며 // string 타입으로 반환하는 함수 function funTest(name: string, age?: number) : string { return 'Hello' + name } // function을 인수로 받아 사용할 수도 있습니다. funtion funTest2(name:string, format: (name:string) => string){ return format(name) } funTest2('개발자',funTest) // result => 'Hello 개발자'
Typescript - 변수 타입스크립트의 변수 선언은 자바스크립트와 동일합니다. 변수 선언할 때 종류는 var, let, const 를 사용합니다. 차이는 변수를 선언하고 바로 뒤에 타입을 적어주는 것 입니다. // var temp1: 타입 = '값' // let temp2: 타입 = '값' // const temp3: 타입 = '값' let, const의 경우 블록 스코프 안에서만 사용할 수 있는 반면 var의 경우는 블록 스코프 밖에서도 사용할 수 있습니다. 또한 const 의 경우 상수를 선언할 때 주로 사용하므로 값을 변경하면 error가 발생합니다. function funTest(){ let temp1: string = 'letTest1' if(temp1 typeof 'string'){ let temp2: string =..
Typescript - 타입 정의 타입스크립트의 가장 큰 기능인 타입 정의에 대해서 공부해보도록 하겠습니다. 타입스크립트는 자바스크립트의 문법을 기본으로 작성하며 타입, 클래스 등 일부 코드의 작성법에 차이가 좀 있습니다. /* 파라미터로 받는 name 뒤에 string 타입을 붙여서 string값만 받을 수 있음을 명시합니다 */ function funTest (name : string){ console.log(name) } let name:string = '개발자' funTest(name) 만약 name 값에 string 타입이 아닌 다른 타입을 주입하면 타입스크립트 에러가 발생하게 됩니다. let num: number = 32 funTest(num) // error 또한, 변수를 호출해둔 값을 함수로 호출하는 경우 컴파일 에러가 발..