인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

eko09님의 프로필 이미지
eko09

작성한 질문수

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

인터페이스

인터페이스 강의 관련 질문있습니다

작성

·

271

·

수정됨

1

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

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

우선 다음과 같이 실제 함수를 선언할 때에는 이는 구현 시그니쳐이기 때문에
오버로드 시그니쳐를 선언할 때 처럼 함수를 두번 선언하는게 아니라, 한번만 선언해주어야 합니다. 그리고 매개변수는 모든 오버로드 시그니쳐와 호환되도록 다음과 같이 만들어주시면 됩니다.

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);

 

그리고 추가로 인터페이스의 구조는 인터페이스가 선언된 곳으로 직접 가서 확인하셔야 합니다 ㅠㅠ

eko09님의 프로필 이미지
eko09
질문자

감사합니다 ㅎㅎ

eko09님의 프로필 이미지
eko09

작성한 질문수

질문하기