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);