TypeScript - Class(1)

 

class 설정방법

cpu, mainBoard, power, ram, gpu 변수 , intro1, intro2 함수를 클래스로 만들었다.

 

1. 변수

변수 설정은 let, const 같은 블록 레벨 스코프를 사용하지않고, 타입만 입력을 해준다.

cpu는 기본 매개변수처럼 기본값을 넣어주고

mainBoard는 ts파일에서 오류가 발생하는데 이유는 (이니셜라이저) 기본 매개변수 값이 없어서 발생한다.

나머지 변수 power, ram, gpu에는 선택적 매개변수처럼 '?'를 붙여 있으면 사용하고 없어도 오류가 발생하지않게 설정 할 수 있다. 

 

2. 메소드

화살표 함수, 기본함수 사용이 가능하고 클래스 안 에 있는 함수를 메소드라 한다.

메소드는 매개변수를 사용하지 않고 해당 클래스에있는 변수를 " this. "로 가져와 사용한다.

*단 클래스의 타입을 설정 해주어야한다.*

class Computer {
  cpu ='intel'
  mainBoard: string
  power?: number
  ram?: string
  gpu?: string
  intro1 = ():void =>{
    console.log(`씨피유${this.cpu} 그래픽${this.gpu} 메인보드${this.mainBoard} 파워${this.power} 램${this.ram}`)
  }

  intro2():void {
    console.log(`씨피유${this.cpu} 그래픽${this.gpu} 메인보드${this.mainBoard} 파워${this.power} 램${this.ram}`)
  }
}

let com = new Computer()
com.cpu = 'intel'
com.gpu = 'geforce'
com.mainBoard = 'ASUS'
com.power = 500
com.ram = '16GB'
com.intro1()
com.intro2()