javascript 使用prototype 实现OOP继承
2011-09-29 11:49
661 查看
使用prototype特性,可以很方便的在子类中继承父类的方法和属性。
下例中Vegetable视为父类,Celery视为子类。
Vegetable 拥有属性taste, 方法fun1
Celery 拥有属性 color, 方法fun2,如果再定义与Vegetable 中同名的属性或方法,则会覆盖父类Vegetable 中对应的属性和方法。
下例中Vegetable视为父类,Celery视为子类。
Vegetable 拥有属性taste, 方法fun1
Celery 拥有属性 color, 方法fun2,如果再定义与Vegetable 中同名的属性或方法,则会覆盖父类Vegetable 中对应的属性和方法。
function Vegetable(){ this.taste='delicious'; this.fun1 = function(){ alert('Vegetable fun1 doing...'); } } function Celery(){ this.color = 'green'; this.taste = 'bad'; this.fun1 = function(){ alert('Celeryfun1 doing...'); } this.fun2 = function(){ alert('Celery fun2 doing...'); } } Celery.prototype = new Vegetable(); var stick = new Celery(); var polymorphed = stick.taste; alert(polymorphed); alert(stick.color); stick.fun1(); stick.fun2();
相关文章推荐
- JavaScript使用prototype原型实现的封装继承多态示例
- javascript基于prototype实现类似OOP继承的方法
- JavaScript不使用prototype和new实现继承机制
- JavaScript简洁继承机制实现(不使用prototype和new)
- JavaScript不使用prototype和new实现继承机制
- 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
- javascript使用call方式实现对象继承
- JavaScript 利用prototype原型实现封装继承多态
- javascript使用prototype完成单继承
- 关于JavaScript中实现继承,及prototype属性
- 使用 Javascript 的 prototype 实现的 StringBuffer 函数
- 基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
- JavaScript的相关继承笔记以及使用外部库实现JavaScript的面向对象特性
- JavaScript中实现继承的几种方式的使用和分析
- javascript OOP:实现继承、多态与封装
- JavaScript中实现继承的几种方式的使用和分析
- JavaScript使用Call和Apply方法实现继承
- 利用prototype实现JavaScript继承
- 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
- JavaScript使用原型实现继承时应注意的问题