인터페이스 강의 관련 질문있습니다
340
작성한 질문수 17
interface Person {
name: string;
age: number;
sayHi(): void;
// 오버로딩
sayHi(a: number, b: number): void;
}
const person: Person = {
name: "name",
age: 1,
sayHi: function () {
console.log("hi");
},
};
person.sayHi();
person.sayHi(1, 2);이런식으로 코드가 있는데
sayHi에 매개변수가 없을땐 console.log("hi")를
있을땐 console.log(`Hi ${a}, ${b}`) 이런식으로 만들고싶은데 person을 초기화할때 어떤식으로 해야할지 모르겠습니다 person객체 안에 sayHi를 두개적으면 당연하게도 오류발생하더라고요ㅜㅜ
아 그리고 type은 마우스 올렸을때 구조를 알수있는데
인터페이스는 마우스 올렸을때 구조를 안알려주던데 혹시 구조를 알수있는 방법이있나요? 해당 인터페이스명을 보고 선언한 코드 위치에가서 구조를 확인하는방법밖에없을까요?
답변 1
1
안녕하세요 이정환입니다.
우선 다음과 같이 실제 함수를 선언할 때에는 이는 구현 시그니쳐이기 때문에
오버로드 시그니쳐를 선언할 때 처럼 함수를 두번 선언하는게 아니라, 한번만 선언해주어야 합니다. 그리고 매개변수는 모든 오버로드 시그니쳐와 호환되도록 다음과 같이 만들어주시면 됩니다.
interface Person {
name: string;
age: number;
sayHi(): void;
// 오버로딩
sayHi(a: number, b: number): void;
}
const person: Person = {
name: "name",
age: 1,
sayHi: function (a?: number, b?: number) {
if (a && b) {
console.log(`hi ${a} ${b}`);
} else {
console.log("hi");
}
},
};
person.sayHi();
person.sayHi(1, 2);
그리고 추가로 인터페이스의 구조는 인터페이스가 선언된 곳으로 직접 가서 확인하셔야 합니다 ㅠㅠ
강의 커리큘럼 관련 질문입니다.
0
72
1
61강(Context API)에서 TodoStateContext 질문
0
79
2
ReturnType에서 any와 never 사용의 차이가 있나요?
0
84
2
reject로 전달되는 값(거부 이유)의 타입과 타입 가드
0
101
2
리액트 타입스크립트 설정 시 에러
0
91
1
인덱스드 엑세스타입 실무질문
0
70
2
모든 ts파일이 컴파일 되지 않습니다.(해결됨.)
0
144
4
핸드북 light/dark mode 관련 이슈가 있는 것 같습니다.
0
85
1
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
88
2
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
97
2
outDir 옵션 추가 후 컴파일 오류 질문
0
220
1
호출 시그니처 질문
0
147
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
152
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
124
1
할인쿠폰 관련하여
0
260
2
프론트엔드에서의 인터페이스활용
0
163
2
안녕하세요 이정환님!
0
136
1
Node.js 설치에 관한 질문입니다.
0
151
2
함수 타입 호출 시그니처
0
119
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
119
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
185
4
마우스 호버 시 정보
0
157
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
132
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
159
2