JavaScript 超类与子类继承

 1 //超类和子类   继承的实现 
 2 
 3 function R(w, h) {
 4     var date = new Date();
 5     this.width = w;
 6     this.height = h;
 7     this.createtime = date.getFullYear() + "-" + date.getMonth() + "-" + date.getDay() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
 8     R.count++;
 9 }
10 R.prototype.area = function () {
11     return this.width * this.height;
12 }
13 
14 function P(x, y, w, h) {
15     R.call(this, w, h);//调用基类的构造函数，指定调用对象(如果不指定，它的调用对象，是它的定义域的相关作用域中的对象)，用来初始化对象为其添加一些R初始化定义的属性,可尝试直接调用
16     //另外一种替代方法，使用P.prototype.superclass=R; 然后调用时 this.superclass(w,h) 也可以指定它的调用对象，因为superclass的定义时的作用域就是实例对象  
17     this.x = x;
18     this.y = y;
19 }
20 P.prototype = new R();//设置原型对象为超类的一个实例对象，以后所有的P实例化对象，都会继承一个R实例对象的所有属性。
21 
22 delete P.prototype.width;
23 delete P.prototype.height;
24 delete P.prototype.createtime;
25 //删除一些P实例化对象时，不需要继承的属性(一般)，因为都已经在基类的构造函数定义了这些属性，成为了常规属性
26 
27 P.prototype.constructor = P;//修改构造函数名
28 P.prototype.parea = function () {
29     return R.prototype.area.call(this);//调用被覆盖的基类函数
30 }
31 P.prototype.area = function () {
32     return "nothing";
33 }
34 
35 
36 //添加新属性 
37 P.prototype.contains = function (x, y) {
38     return (x > this.x && x < this.x + this.width && y > this.y && y < this.y + this.height);
39 }
40 var obj = new P(10, 20, 10, 10);
41 console.log(obj.contains(5, 5) + "
area:" + obj.area() + "
parea:" + obj.parea());

输出：
"false
area:nothing
parea:100"

//非继承的扩展
//从一个类的prototype得到到另外一个类的prototype

JavaScript 超类与子类 继承

JavaScript 超类与子类继承