javascript基于prototype实现类似OOP继承的方法_javascript技巧
程序员文章站
2022-03-29 09:12:19
...
本文实例讲述了javascript基于prototype实现类似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实现OOP继承的方法
-
扩展javascript的Date方法实现代码(prototype)_javascript技巧
-
基于JavaScript实现的继承机制之原型链(prototype)的实现教程
-
浅谈Javascript实现继承的方法_javascript技巧
-
Javascript中3种实现继承的方法和代码实例_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
js实现类似jquery里animate动画效果的方法_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
js实现类似jquery里animate动画效果的方法_javascript技巧
-
基于JavaScript实现继承机制之调用call()与apply()的方法详解_基础知识