javascript的物件導向的繼承實現
function Rectangle(w, h){
this.width = w;
this.height = h;
}
Rectangle.prototype.area = function(){
return this.width * this.height;
}
function PositionedRectangle(w,h,x,y){
Rectangle.call(this, w, h);
this.x = x;
this.y = y;
}
//這裡需要顯示指定子類的prototype是父類
//因為預設子類的父類是Object
PositionedRectangle.prototype = new Rectangle();
//已經繼承了父類的屬性,需要刪除
delete PositionedRectangle.prototype.width;
delete PositionedRectangle.prototype.height;
PositionedRectangle.prototype.constructor = PositionedRectangle
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8520577/viewspace-755643/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript物件導向—繼承的實現JavaScript物件繼承
- Javascript實現物件導向繼承JavaScript物件繼承
- Javascript物件導向與繼承JavaScript物件繼承
- php物件導向多繼承實現PHP物件繼承
- javascript物件導向繼承的簡單例項JavaScript物件繼承單例
- JavaScript之物件導向的繼承淺析2JavaScript物件繼承
- 物件導向:繼承物件繼承
- 物件導向--繼承物件繼承
- 物件導向-繼承物件繼承
- 說清楚javascript物件導向、原型、繼承JavaScript物件原型繼承
- JavaScript物件導向 ~ 原型和繼承(1)JavaScript物件原型繼承
- 《JavaScript物件導向精要》之五:繼承JavaScript物件繼承
- JavaScript物件導向那些東西-繼承JavaScript物件繼承
- javascript物件導向繼承簡單介紹JavaScript物件繼承
- Golang物件導向_繼承Golang物件繼承
- java物件導向繼承Java物件繼承
- 物件導向之繼承物件繼承
- php物件導向--繼承PHP物件繼承
- 物件導向之_繼承概念物件繼承
- javascript物件導向程式設計的建構函式的繼承JavaScript物件程式設計函式繼承
- JavaScript物件導向之二(建構函式繼承)JavaScript物件函式繼承
- 21. 物件導向之繼承物件繼承
- javascript物件導向程式設計的非建構函式的繼承JavaScript物件程式設計函式繼承
- Javascript物件導向程式設計(二):建構函式的繼承JavaScript物件程式設計函式繼承
- python物件導向的繼承-組合-02Python物件繼承
- JS的物件導向(理解物件,原型,原型鏈,繼承,類)JS物件原型繼承
- Javascript物件導向程式設計(三):非建構函式的繼承JavaScript物件程式設計函式繼承
- 物件導向 -- 三大特性之繼承物件繼承
- 5-Java物件導向-繼承(下)Java物件繼承
- java學習——物件導向之繼承Java物件繼承
- Effective C++:物件導向與繼承C++物件繼承
- JAVA物件導向高階一:繼承Java物件繼承
- golang-gin框架實現物件導向-控制器繼承篇Golang框架物件繼承
- Javascript 中實現物件原型繼承的三種方式JavaScript物件原型繼承
- JavaScript實現繼承的方式JavaScript繼承
- 理解Js中物件導向程式設計的繼承JS物件程式設計繼承
- 物件導向-繼承中的面試題:程式碼塊物件繼承面試題
- JS物件導向程式設計(四):繼承JS物件程式設計繼承