感谢阮一峰的网络日志分享了面向对象的理解:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html
1、构造函数的优缺点:
构造函数就是一种封装,把一些对象的属性封装在函数体里面,这种函数体在加载的时候,会被预编译,
var cat1 = new Cat("大毛","黄色"); //实例化
实例化其实就是把构造函数变成一个对象,但是如果多个新建对象被实例化的时候,其实等于构造函数不断被复制占大量的内存,故对一些需要不对被实例化的构造函数,不适合放太多属性在里面。这个时候就需要用到原型(prototype)
Javascript规定,每一个构造函数都有一个prototype
属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。
所以原型的优点非常明显,我们只需要把一些不便的属性和方法放在原型里面,它就可以指向同一个内存地址,提高运行速度。
2.对象的继承
对象继承分两种情况,一种是构造函数的继承,一种是原型(prototype)的继承:
第一: 构造函数的继承,比较简单,只需要在子对象中添加代码:parent.apply(this, arguments);
function Cat(name,color){
Parent.apply(this, arguments);
this.name = name;
this.color = color;
}
第二
:关于原型的继承最优化的方法,
利用空对象作为中介
function extend(Child, Parent) {
var F = function(){};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.uber = Parent.prototype;
}
使用时,方法如下:
extend(Cat,Animal);
var cat1 = new Cat("大毛","黄色");
alert(cat1.species); // 动物
第三,
拷贝继承
我们也可以换一种思路,纯粹采用"拷贝"方法实现继承。简单说,如果把父对象的所有属性和方法,拷贝进子对象,不也能够实现继承吗?
function extend2(Child, Parent) {
var p = Parent.prototype;
var c = Child.prototype;
for (var i in p) {
c[i] = p[i];
}
c.uber = p;
}