
반응형
각각 선언해도 이름이 같은 인터페이스가 축척해서 쌓여서 적용됨
타입과 다르게
인터페이스는 축척 가능
추상화 코드를 줄일 수 있다
추상화 클래스와 다르게
interface 써서 수정(아래)
interface User{
firstName:string,
lastName:string,
sayHi(name:string):string
fullName():string
}
class Player implements User{
constructor(
public firstName:string,
public lastName:string
){
}
fullName(){
return `${this.firstName} ${this.lastName}`
}
sayHi(name:string){
return `Hello ${name}. My name is ${this.fullName()}`
}
}
클래스에 추가하기 편리하다
함수의 인자도 간결해진다.
반응형
'Frontend > HTML, CSS, DOM, jQuery' 카테고리의 다른 글
TailwindCSS) input focus 테두리 없애기 (0) | 2022.10.23 |
---|---|
TailWindCSS) Set-up (0) | 2022.07.25 |
3. TypeScript(타입스크립트) Class (0) | 2022.06.13 |
2. TypeScript(타입스크립트) 함수의 type 사용, 다형성 (0) | 2022.06.12 |
1. TypeScript(타입스크립트) type 만들기, type 종류 (0) | 2022.06.11 |