TIL | TypeScript_기본 문법1

TIL | TypeScript_기본 문법1

index.ts 작성시

const name1 = "Melody", age1 = 29, gender1 = "Female"; const sayHi = (name, age, gender?) :void => { // void : 빈공간이라는 뜻 return 값이 없을 때 사용 console.log(`hi, I'm ${name}, ${gender}, ${age}`) }; // sayHi(name1, age1, gender1); sayHi("melody", 29, "Female"); export {}; //export를 설정하지 않으면, name이라는 변수가 다른곳에 선언되었다고 오류가 뜬다. // 오류가 뜬다.모듈인 것을 이해할 수 있도록 export 작성 // cf. return 값이 String 인 경우 // const sayHi = (name:string, age:number, gender:string) : string => { // return `Hello may name is ${name}. I'm ${age} years old. I'm a ${gender}.` // }

argument의 타입을 지정해준다.

//자바스크립트 const sayHi = (name, ager, gender) => { console.log(`Hello may name is ${name}. I'm ${age} years old. I'm a ${gender}.`) } //타입 스크립트 const sayHi = (name:string, age:number, gender:string) => { console.log(`Hello may name is ${name}. I'm ${age} years old. I'm a ${gender}.`) }

return 값이 없을 때, void를 쓴다.

const sayHi = (name:string, age:number, gender:string) : void => { console.log(`Hello may name is ${name}. I'm ${age} years old. I'm a ${gender}.`) }

return 값이 있다면 타입을 적어준다.

const sayHi = (name:string, age:number, gender:string) : string => { return `Hello may name is ${name}. I'm ${age} years old. I'm a ${gender}.` }; sayHi(Melody, 29, Female); // 콘솔화면 // hi, I'm Melody, Female, 29

인자가 3개이나, 2개만 사용하도록 나머지 1개에 선택 옵션을 줄수 있다.

const sayHi = (name, age, gender?) :void => { // void : 빈공간이라는 뜻 return 값이 없을 때 사용 console.log(`hi, I'm ${name}, ${gender}, ${age}`) }; sayHi(Melody, 29); // 콘솔화면 // hi, I'm Melody, undefined, 29

from http://mymelody.tistory.com/166 by ccl(A) rewrite - 2021-10-10 08:28:06