개발블로그
TypeScript 함수 본문
예시
function sum(x: number, y: number): number {
return x + y;
}
sum(1, 2);
// (): number 부분이 해당 함수의 결과물이 숫자라는 것을 명시해준다.
Error
function sum(x: number, y: number): number {
return null;
}
sum(1, 2);

sumArray 함수
function sumArray(numbers: number[]): number {
return numbers.reduce((acc, current) => acc + current, 0);
}
const total = sumArray([1, 2, 3, 4, 5]);
function returnNothing(): void {
console.log('I am just saying hello world');
}
- 함수에서 아무것도 반환하지 않는다면 타입을 void로 설정한다.
this<
interface User {
name: string;
}
const Sam: User = {name: 'Sam'}
function showName(this: User){ // this가 무엇을 나타내는지 적어줘야한다.
console.log(this.name);
}
const a6 = showName.bind(Sam);
a6();
// this = bind를 이용해서 Sam객체로 강조하고있다.
함수로드
전달받은 매개변수에 갯수나 타입에 따라 다른 동작을 하게 하는것이다.
interface User {
name: string;
age: number;
}
function join(name: string, age: string): string;
function join(name: string, age: number): User;
function join(name: string, age: number | string): User | string {
if (typeof age === "number") {
return {
name,
age,
};
} else {
return "나이를 숫자로 입력해주세요.";
}
}
const sam: User = join("Sam", 30);
const jane: string = join("Jane", "30");'TypeScript' 카테고리의 다른 글
| TypeScript - Type Alias (0) | 2022.05.27 |
|---|---|
| TypeScript - Interface (0) | 2022.05.26 |
| TypeScript 기본문법 (0) | 2022.05.26 |
| TypeScript 초기설정 (0) | 2022.05.24 |
| TypeScript 설명 (0) | 2022.05.24 |
Comments