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}.`
// }

1. 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}.`)  
}

2. 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}.`)  
}

3. 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

4. 인자가 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