Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
Tags
- route
- 앵귤러 애니메이션
- ApexChart
- summary
- 스크롤 이벤트
- egov spring ajax 사용 예시
- 검색
- flex-1
- 아이오닉 스크롤 이벤트
- angular route
- 모달
- Ionic modal
- TAILWIND
- scroll
- 앵귤러 모달
- 호버
- 스크롤 이벤트 감지
- angular modal
- 옵저버블
- angular button
- prisma
- mysql if
- modal
- angular animation
- Router
- formgroup
- Angular Router
- Oracle LISTAGG 사용 예시
- 셀렉트박스 커스텀
- ajax 사용 예시
Archives
- Today
- Total
깜놀하는 해므찌로
typescript 복수 타입 인자, 복수 리턴 타입, 함수 오버로드, typescript function overload 본문
IT
typescript 복수 타입 인자, 복수 리턴 타입, 함수 오버로드, typescript function overload
agnusdei1207 2023. 5. 21. 12:18반응형
SMALL
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 { // return 중괄호 사용
name, age
}
}else{
return "숫자로 나이를 기입해주세요.";
}
}
const sam : User = join("이름", 30); // 인수 및 리턴 타입 확인
const jane : string = join("이름", "20");
반응형
LIST
'IT' 카테고리의 다른 글
Angular route config 가져와서 사용하기 예시 (0) | 2023.05.22 |
---|---|
typescript literal type / 리터널 타입 / intersection type / 교차 타입 / |, & (0) | 2023.05.22 |
typescript this 활용 예시 (0) | 2023.05.20 |
Uncaught (in promise): InvalidCharacterError: Failed to execute 'setAttribute' on 'Element' 에러 해결 (0) | 2023.05.19 |
typescript 선택적 매개변수, typescript ? (0) | 2023.05.19 |