example with Function call:
function A(a) {
this.a = a;
}
A.prototype.say = function() {
alert(a);
}
function B(a,b) {
A.call(this, arguments);
this.b = b;
}
关于call方法:调用一个对象的方法,以另一个对象替换当前对象
优点:
可以实现多重继承
缺点:
1.耗费内存,所有实例都会拥有一份成员方法的副本.
2.无法继承prototype域的变量和方法.
2.原型方式
function A() {
this.a = a;
}
A.prototype.say = function() {
alert(a);
}
function B() {
}
B.prototype = new A(); //将子类的prototype对象指向父类
B.prototype.constructor = B;//每个prototype对象都有一个constructor属性,指向其构造函数,上一行将B.prototype.constructor指向改成了A,为避免继承链的紊乱,要手动改变其指向
PS:JS读取某个对象属性时,先查看自身的属性列表,如果有就返回,否则去读取prototype域,如果找到即返回,由于prototype可以指向别的对象,JS解释器会递归的查找直到prototype本身.
3.直接继承prototype
function A() {
this.a = a;
}
A.prototype.say = function() {
alert(a);
}
function B() {
}
B.prototype = A.prototype; //跳过A()直接继承A.prototype
B.prototype.constructor = B; //每个prototype对象都有一个constructor属性,指向其构造函数,上一行将B.prototype.constructor指向改成了A,为避免继承链的紊乱,要手动改变其指向
优点:效率比方式二较高,比较节省内存缺点:A.prototype和B.prototype都指向同一个对象,则任何对B.prototype的修改,都会反映到A.prototype上
综合以上两种方式,给出一种混合模式:用空对象作为中介
function extend(parent, child) {
var tmpObj = function() {};
tmpObj.prototype = parent.prototype;
child,prototype = new tmpObj();
child.prototype.constructor = child;
child.uber = parent.prototype;//向上一层,返回对父元素prototype的引用
}
4.拷贝继承
function extend(parent, child) {
var p = parent.prototype;
var c = child.prototype;
for(var i in p) {
c[i] = p[i];
}
c.uber = p;
}
=============================前四种都是用了构造函数实现继承=============================
===============================以下不使用构造函数实现继承===============================
5、把父对象的属性全部copy给子对象(浅拷贝)
当父对象的属性是一个对象或者数组的时候,此种方式使子对象获得的仅是一个内存地址,存在父对象被篡改的风险。
function extend(p) {
var c = {};
for(var i in p) {
c[i] = p[i];
}
c.uber = p;
return c;
}
6、深拷贝
function extend(p, c) {
var c = c || {};
for(var i in p) {
if(typeof p[i] === 'object') {
c[i] = (p[i].constructor === Array) ? [] : {};
extend(p[i], c[i]);
} else {
c[i] = p[i];
}
}
return c;
}