본문 바로가기
프론트엔드/TypeScript

인터페이스 내부에서 함수 사용

by step 1 2021. 6. 18.
반응형

인터페이스 내부에서 함수 사용 예제

interface Person4 {

  name: string;
  age: number;
  hello(): void;
}

const p41: Person4 = {
  name: 'Mark',
  age: 22,
  hello: function(): void{
    console.log(`안녕하세요! ${this.name} 입니다.`);
  },
};

const p42: Person4 = {
  name: 'Mark',
  age: 22,
  hello(): void{
    console.log(`안녕하세요! ${this.name} 입니다.`);
  },
};

// const p43: Person4 = {
//   name: 'Mark',
//   age: 22,
//   // 화살표 함수는 this를 사용할 수 없다.
//   hello: (this: Person4): void => {
//     console.log(`안녕하세요! ${this.name} 입니다.`);
//   },
// };

p41.hello();
p42.hello();

반응형