수업 소개

소개
ES6의 새로운 기능은 클래스라는 함수 유형입니다. 각 클래스는 인스턴스라고 하는 자체 버전을 생성할 수 있습니다. 각 클래스 인스턴스에는 고유한 데이터가 포함될 수 있습니다. 클래스와 작성 방법을 자세히 살펴보겠습니다.

통사론
클래스를 작성하는 것은 일반 함수를 작성하는 것과 유사합니다. 키워드 function 대신 class 키워드를 사용할 것으로 예상합니다.

class Car {}

클래스의 인스턴스를 생성하기 위해 생성자 메소드를 사용합니다:

class Car{
  constructor(brand,year){
    this.brand = brand;
    this.year = year;
  }
}

새 구문을 사용하여 Car 클래스의 인스턴스를 만들 수 있습니다.

class Car{
  constructor(brand,year){
    this.brand = brand;
    this.year = year;
  }
}

let myCar = new Car("Ford", 1997) 
// Car { brand: 'Ford', year: 1997 }

인스턴스 속성에 액세스해야 하는 경우 점 표기법이나 대괄호를 사용할 수 있습니다.

class Car{
  constructor(brand,year){
    this.brand = brand;
    this.year = year;
  }
}

let myCar = new Car("Ford", 1997) 
// Car { brand: 'Ford', year: 1997 }

myCar.brand 
// 'Ford'
myCar.year 
// 1997

myCar["year"] 
// 1997

클래스 메서드에서 인스턴스 외부의 속성에 액세스할 수도 있습니다.

class Car{
  constructor(brand,year){
    this.brand = brand;
    this.year = year;
  }

  myBrand(){
    return `My car personal car is a ${this.brand}`
  }
}

let myCar = new Car("Honda",2009)

myCar.myBrand() 
//'My car personal car is a Honda'

게양
일반 함수와 달리 클래스는 호이스팅되지 않습니다. 클래스를 사용하기 전에 반드시 선언해야 합니다.

//You cannot use the class yet.
// let mycar = new Car("Ford",2020)
//This would raise an error.

class Car {
  constructor(brand,year) {
    this.carname = brand;
  }
}

//Now you can use the class:
let mycar = new Car("Ford",2020)

결론
이제 클래스와 인스턴스의 기본 사항이 끝났습니다. 혼자 쓰기 연습을 해보세요. 그들이 게양되지 않을 것이라는 점을 기억하십시오.