javascript继承方式之二
2010-05-29 11:09
387 查看
2、原型方式写类,原型方式继承
core js自身的对象系统就是采用原型方式(prototype based)继承的。或者说core
js没有采用常见的类继承(class
based)系统,而是使用原型继承来实现自己的对象系统。工作中我们也可以用原型方式来实现继承,代码复用以构建自己的功能模块。
虽然从输出可以看出子类继承了父类Polygon的属性sides和方法setSides,但sides是0,怎么会是三角形呢。还得调用下
tri.setSides(3)使之成为三角形。这样似乎很不方便。不能传参数,即是原型方式的缺点。优点是正确的维护了"is a"的关系。
core js自身的对象系统就是采用原型方式(prototype based)继承的。或者说core
js没有采用常见的类继承(class
based)系统,而是使用原型继承来实现自己的对象系统。工作中我们也可以用原型方式来实现继承,代码复用以构建自己的功能模块。
/** * 父类Polygon:多边形 * */ function Polygon() {} Polygon.prototype.sides = 0; Polygon.prototype.setSides = function(s) {this.sides=s;} /** * 子类Triangle:三角形 */ function Triangle() {} Triangle.prototype = new Polygon();//关键一句 Triangle.prototype.getArea = function(){} //new个对象 var tri = new Triangle(); console.log(tri.sides);//继承的属性 console.log(tri.setSides);//继承的方法 console.log(tri.getArea);//自有方法 //instanceof测试 console.log(tri instanceof Triangle);//true,表明该对象是三角形 console.log(tri instanceof Polygon);//true,表明三角形也是多边形
虽然从输出可以看出子类继承了父类Polygon的属性sides和方法setSides,但sides是0,怎么会是三角形呢。还得调用下
tri.setSides(3)使之成为三角形。这样似乎很不方便。不能传参数,即是原型方式的缺点。优点是正确的维护了"is a"的关系。
相关文章推荐
- javascript实现继承的几种方式(出自《四火的唠叨》)
- JavaScript 五种(构造方式)继承
- javascript实现继承的几种方式
- JavaScript之继承方式
- JavaScript实现继承的方式和各自的优缺点
- JavaScript继承方式
- JavaScript中的寄生组合式继承方式
- JavaScript实现继承的5种方式
- JavaScript继承方式
- JavaScript面向对象的程序常用的继承方式有哪些?
- javascript 继承实现方式
- jQuery-源码阅读,JavaScript原生继承方式与jQuery中的继承
- JavaScript中的使用最频繁的继承方式
- javascript面向对象中的对象创建、继承、封装等实现方式
- JavaScript继承方式(2)
- 实现JavaScript中继承的三种方式
- 基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
- javascript继承方式之一
- 讲述Javascript 实现继承的方式(基础知识)
- JavaScript笔记 - 对象继承的几种方式