ES2015의 새로운 클래스 기능을 이해할 수 없습니다.

Question

클래스 기능의 작동 방식을 이해하는 데 어려움이 있습니다.

간단한 일상 단어를 사용하여 다음 스 니펫 을 수퍼 유저로 간단하게 처리 할 수 ​​있습니까?

정말 모든 것을 파악하기가 어렵습니다.

그 훌륭한 기능은 매우 이상하게 보입니다.

미리 감사드립니다. 내가 이해하기 쉬운 생각

class Dessert { 
    constructor(calories = 250) { 
    this.calories = calories; 
    } 
} 

class IceCream extends Dessert { 
    constructor(flavor, calories, toppings = []) { 
    super(calories); 
    this.flavor = flavor; 
    this.toppings = toppings; 
    } 
    addTopping(topping) { 
    this.toppings.push(topping); 
    } 
} 

Answer 1

은 아이스크림의 새로운 인스턴스를 생성하는 것입니다 :

var iceCream = new IceCream('vanilla'); 
console.log(iceCream) // IceCream {calories: 250, flavor: "vanilla", toppings: Array(0)} 

보시다시피, 당신은 열량 값을 전달하는 데 필요하지 않은 - 부모 클래스를 호출하고 있음을 소요 super을 값.

생성자 함수가 있고 새 인스턴스 constructor 메서드가 먼저 실행될 때 인스턴스화하여 속성에 설명 된대로 속성을 수집합니다.

의견이 분명한 경우 알려 주시기 바랍니다. 나는 더 많은 정보를 제공하고 싶다.