class문법

https://youtu.be/dHrI-_xq1Vo

 

class문법

{object}자료형으로 게임 캐릭터들의 정보를 정리.

근데 캐릭터 100개를 저장하려면 코드가 길어진다.

이 작업을 쉽게 할 수 있는 문법 → 클래스 문법

 

object생성하는 기계를 하나 만든다.(constructor)

this는 기계로부터 생성되는 object(instance)

즉, 기계 안에 코드 뜻은 

새로 생성되는 object에 { q : 'consuem'}  추가해주세요. { w: 'snowball'} 추가해주세요 라는 뜻.

그리고 기계에서부터 새로운 object 뽑고 싶으면 new 기계()

 

nunu에 저장하고 콘솔에 출력해 보면 아래처럼 잘 뜬다.

 

garen에도 똑같이 저장하고 콘솔에 출력하면 똑같음.

 

다만 똑같은 object이기 때문에 파라미터로 함수를 업그레이드하자.

x 라는 파라미터자리를 만들고 각각 'haha' 'nunu'넣어서 기계()함수 실행 후 콘솔 출력.

 

 

ES6 class 문법

 

클래스 변수의 첫 글자는 영어대문자로 작명함.

그리고 constructor 안에다 this.~ 넣으면 끝임

 

콘솔 확인하면 똑같이 잘 된다.