FrontEnd/Type Script
[TS] interface
펭긴킴
2024. 3. 2. 15:51
//타입 을 지정할때 사용
type User = {
[name: string]: string,
}
//형태를 지정해줄때사용
type Player ={
name : string,
playType : 10 | 11 | 20,
}
//위와 비슷 - interface
interface Player2{
name: string,
age: number
}
// 두 방법 다 타입으로 설정하면 해당 타입의 모든 요소를 조건에 맞게 다 구현해야한다.
const penguin: Player = {
name: "penguin",
playType: 10
}
const heejun: Player2 ={
name: "Penguin",
age: 30,
}
interface Player {
name: string,
age: number,
nickName: string,
sayHi(nickName: string): void
}
class NewUser implements Player {
constructor(
public name: string,
public age: number,
public nickName: string,
) { }
sayHi(nickName: string) {
console.log(`Hello ${this.nickName}! Welcome!!!`)
}
}
const penguin = new NewUser("Penguin",30,"PenguinKKim");
penguin.sayHi("");