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