Как создать класс, который расширяет функции

Question

Представьте, что у вас есть класс в JavaScript создан, как это было обычно

var Button = function(width){ 
    this.width; 
} 
var button = new button(13); 

А теперь я хочу, чтобы расширить его с помощью хороших ES6 классов

class ColorButton extends Button { 
    constructor(width, color){ 
     super(width); 
     this.color(color); 
    } 
} 

Есть ли способ заставить его работать?

Answer 1

Наконец-то я мог бы решить мою проблему сам. Чтобы сделать класс javascript, выполненный как расширяемая функция, необходимо явно установить конструктор в прототипе:

var Button = function(width){ 
    this.width = width; 
} 

// This is the key part 
Button.prototype = { 
    constructor: Button 
} 

class ColorButton extends Button {}; 
var subButton = new ColorButton(25); 

console.log(subButton.width); // 25, it works! 

Answer 2

Это кажется work as expected in Babel REPL: (код был изменен, для примера)

var Button = function(width){ 
    this.width = width; 

    console.log(this.width); 
} 
var superButton = new Button(13); 

class ColorButton extends Button { 
    constructor(width, color){ 
     super(width); 
     this.color = color; 

     console.log(this.color); 
    } 
} 
var subButton = new ColorButton(25, "Red");