JavaScript面向对象编程之prototype原型与继承
2007-12-10 16:58
686 查看
JavaScript中的类都具有一个原型(prototype)对象, 可以为类的原型对象定义属性,类的实例能够从原型对象处“继承”这些属性。
function Circle(x,y,r)
...{
this.x = x;
this.y = y;
this.r = r;
}
var wheel = new Circle(0,0,5);
document.write("wheel=new Circle(0,0,5);<br/>");
//为Circle的prototype设置属性pi
Circle.prototype.pi = 3.14;
function Circle_circumference()
...{
return 2*this.pi*this.r;
}
//为Circle的prototype设置方法Circle_circumference()
Circle.prototype.circumference = Circle_circumference;
//wheel自动继承其prototype的属性与方法
var C1 = wheel.circumference();
document.write("C1=" + C1 + "<br/>");
//为wheel设置pi属性后,覆盖了其prototype的属性pi
wheel.pi = 3.14159;
var C2 = wheel.circumference();
document.write("C2=" + C2 + "<br/>");
//删除wheel对象的pi属性,prototype的pi生效
delete wheel.pi;
var C3 = wheel.circumference();
document.write("C3=" + C3 + "<br/>");
function Circle(x,y,r)
...{
this.x = x;
this.y = y;
this.r = r;
}
var wheel = new Circle(0,0,5);
document.write("wheel=new Circle(0,0,5);<br/>");
//为Circle的prototype设置属性pi
Circle.prototype.pi = 3.14;
function Circle_circumference()
...{
return 2*this.pi*this.r;
}
//为Circle的prototype设置方法Circle_circumference()
Circle.prototype.circumference = Circle_circumference;
//wheel自动继承其prototype的属性与方法
var C1 = wheel.circumference();
document.write("C1=" + C1 + "<br/>");
//为wheel设置pi属性后,覆盖了其prototype的属性pi
wheel.pi = 3.14159;
var C2 = wheel.circumference();
document.write("C2=" + C2 + "<br/>");
//删除wheel对象的pi属性,prototype的pi生效
delete wheel.pi;
var C3 = wheel.circumference();
document.write("C3=" + C3 + "<br/>");
相关文章推荐
- javascript 对象及原型继承有关的属性:constructor、prototype、isPrototypeOf、instanceof、in 、hasOwnProperty 等等
- javascript原型继承分析(prototype)
- javascript原型继承分析(prototype)
- 史上最通俗易懂的关于JavaScript 的 prototype、原型继承、this指针的讲解
- JavaScript面向对象编程(7)只继承prototype
- JavaScript 中原型继承(prototype-based inheritance)的原理
- JavaScript的两种面向对象方法--原型继承(prototype)和函数继承(闭包)
- Javascript对象原型prototype和继承
- 详解JavaScript中基于原型prototype的继承特性
- JavaScript面向对象编程(9)高速构建继承关系之整合原型链
- javascript原型继承(第三篇)---prototype
- 从0开始学react netive:2.Javascript创建对象的方式_prototype原型的概念_原型继承
- javascript原型继承分析(prototype)(补充版)
- JavaScript _proto_、prototype原型、原型链、constructor构造器、类式继承、原型继承
- JavaScript面向对象编程(一)原型与继承
- javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
- 详解JavaScript中基于原型prototype的继承特性
- 面向对象的Javascript - 通过原型(Prototype)实现继承
- JavaScript 利用prototype原型实现封装继承多态
- javascript 对象及原型继承有关的属性:constructor、prototype、isPrototypeOf、instanceof、in 、hasOwnProperty 等等