JS原型，创建具有新功能的对象

Question

我刚刚开始使用JS，并为框创建了一个构造函数。现在我想要一个可以存储图像的盒子和一个可以存储文本的盒子。如何用原型声明新的盒子对象？

//盒构造

function Box(x, y, w, h) { 
    this.x = x; 
    this.y = y; 
    this.w= w; 
    this.h= h;  
} 

//图像盒的特点：

this.src = .... 
this.title = ... 

//文本框的特点：

this.font = ... 
    this.font-size=... 
    this.color=.... 

Answer 1

function Box(x, y, w, h) { 
    this.x = x; 
    this.y = y; 
    this.w = w; 
    this.h = h;  
} 

---

function ImageBox(x, y, w, h) { 
    Box.call(this, x, y, w, h); // Apply Box function logic to new ImageBox object 

    this.src = .... 
    this.title = ... 
} 
// Make all ImageBox object inherit from an instance of Box 
ImageBox.prototype = Object.create(Box.prototype); 

---

function TextBox(x, y, w, h) { 
    Box.call(this, x, y, w, h); // Apply Box function logic to new TextBox object 

    this.font = ... 
    this.font-size =... 
    this.color =.... 
} 
// Make all TextBox object inherit from an instance of Box 
TextBox.prototype = Object.create(Box.prototype);