JS的继承方式

1.对象冒充机制(利用apply或call方法实现,只是参数列表不一样,apply传入数组,call传入任意可变的参数)
    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;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值