javascript基于prototype實現(xiàn)類似OOP繼承的方法
更新時間:2015年12月16日 10:03:07 作者:hongweigg
這篇文章主要介紹了javascript基于prototype實現(xiàn)類似OOP繼承的方法,實例分析了JavaScript使用prototype實現(xiàn)面向對象程序設計的中類繼承的相關技巧,需要的朋友可以參考下
本文實例講述了javascript基于prototype實現(xiàn)類似OOP繼承的方法。分享給大家供大家參考,具體如下:
這里要說明的是,公有屬性(使用this.修飾符)可以被覆蓋,私有屬性(使用var 修飾符)不能被覆蓋
子類不能訪問父類的私有屬性,父類的方法正常訪問父類的私有變量。
function Vegetable(){ this.taste='delicious'; var a = 'I\'m Vegetable\'a!' this.fun1 = function(){ alert('Vegetable fun1 doing...'); } this.fun3 = function(){ alert(a); } } function Celery(){ var a = 'I\'m Celery\' a'; this.color = 'green'; this.taste = 'bad'; this.fun1a = function(){ alert('Celeryfun1 doing...'); } this.fun2 = function(){ alert('Celery fun2 doing...'); } this.fun4 = function(){ alert(a); } } Celery.prototype = new Vegetable(); var stick = new Celery(); var polymorphed = stick.taste; //alert(polymorphed); //alert(stick.color); //stick.fun1(); //stick.fun2(); //stick.fun3(); stick.fun4();
希望本文所述對大家JavaScript程序設計有所幫助。
您可能感興趣的文章:
- Javascript中 關于prototype屬性實現(xiàn)繼承的原理圖
- JavaScript類和繼承 prototype屬性
- js中繼承的幾種用法總結(apply,call,prototype)
- 深入了解javascript中的prototype與繼承
- javascript prototype的深度探索不是原型繼承那么簡單
- JavaScript面向對象之Prototypes和繼承
- Javascript 原型和繼承(Prototypes and Inheritance)
- JavaScript不使用prototype和new實現(xiàn)繼承機制
- JavaScript使用prototype原型實現(xiàn)的封裝繼承多態(tài)示例
- Javascript中的prototype與繼承
- JS偽繼承prototype實現(xiàn)方法示例
- JavaScript使用prototype屬性實現(xiàn)繼承操作示例
相關文章
javascript實現(xiàn)獲取圖片大小及圖片等比縮放的方法
這篇文章主要介紹了javascript實現(xiàn)獲取圖片大小及圖片等比縮放的方法,涉及javascript針對圖形圖像相關屬性獲取與修改相關操作技巧,需要的朋友可以參考下2016-11-11