클래스와 인스턴스

클래스와 인스턴스🔥

매서드 호출은 객체.매서드()과 같이 객체 내에 매서드를 호출하는 방법!

• 이때 매서드 호출방식을 사용할때에는 화살표 함수를 사용하지 않는다!

• counter 예시 [code]

  

ES5버전 문법의 경우 일반 함수와 동일하게 작성하되, 인스턴스 생성시 ✨‘new‘ ****키워드를 사용

일반 함수와 구분을 위해서 첫문자를 대문자로 사용

👏클래스 : 속성의 정의

• ES5 문법 예시
  

• ES6 문법예시

  

👏클래스 : 매소드의 정의

• ES5 문법 예시

  

• ES6 문법예시

  

👉‘new‘ 키워드로 생성된 인스턴스의 this는 인스턴스자체를 의미

// ES5
function Car(brand, name, color){
        this.brand = brand
        this.name = name
        this.color = color
}

// ES6
class Car{
    constructor(brand, name, color){
        this.brand = brand
        this.name = name
        this.color = color
    }
}

👉< this>

• prototype => 모델의 청사진을 만들 때 쓰는 원형객체(original form)
• constructor => 인스턴스가 초기화될 때 실행하는 생성자 함수
• this => 함수가 실행될때 해당 scope마다 생성되는 고유한 실행 context(execution context)
  new 키워드로 인스턴스를 생성했을 때에는, 해당 인스턴스가 바로 this의 값으로 됨