Javascript繼承僞經典方法

Question

錯誤

Uncaught TypeError: Cannot call method 'appendChild' of undefined 

---

我想知道是否有人能幫助我，我是能夠成功地實現使用原型模式的繼承，但是當我嘗試代碼它使用僞古典（如下所示）模式 - 我保持失敗。

任何人都可以指導我做什麼我做錯了嗎？當涉及到在JavaScript中實現繼承時，什麼是最佳實踐？

在此先感謝。

+ function test() { 

    var obj = function(objType, objClass) { 
     this.objType = objType; 
     this.objClass = objClass; 
    }; 

    obj.prototype.objCreate = function(objWidth, objHeight, objBackground) { 
     this.element = document.createElement(obj.objType); 
     document.getElementsByName('body')[0].appendChild(this.element); 
     this.element.className = this.objClass; 
     this.element.style.width = objWidth; 
     this.element.style.height = objHeight; 
     this.element.style.backgroundColor = objBackground; 
    }; 

    var box1 = new obj('div', 'box1'); 

    box1.objCreate('200px', '200px', 'red'); 

}(); 

Answer 1

你得到的語法錯誤是因爲您使用document.getElementsByName代替document.getElementsByTagName正如我在評論中提到。

至於繼承去，話題已經被廣泛報道的這個論壇。我會領你到：

Pseudo-classical vs. "The JavaScript way"
JavaScript Inheritance