search

Home  >  Q&A  >  body text

javascript - js 方法调用判断

想要做一个对象封装,对象a有n个方法,对象b没有方法,但使用对象b的时候会自动调用a的方法。

代码形式类似:

var a = {
    aaa:function(){},
    bbb:function(){}
}
var b = {
    bbb:function(){}
}
/*
    此处写出处理代码,
    请不要改变其他结构,
    谢谢。
*/
b.bbb()  //此处执行b.bbb()方法。
b.aaa()  //此处不报错,并调用了a的aaa()方法。

(说明:b.aaa()执行结果全等于a.aaa())
让b执行任何方法的时候都先看看自己有没有,如果没有再去找a下面的方法。

请问,中间怎么写才能到达预期效果?

天蓬老师天蓬老师2790 days ago655

reply all(6)I'll reply

  • 大家讲道理

    大家讲道理2017-04-10 15:53:16

    可以用b.__proto__ = a;也可以像下面这样

    var a = function () {};
        a.prototype = {
            aaa: function () {
                console.log(1);
            },
            bbb: function () {
                console.log(3);
            }
        };
    
    var b = new a();
    
        b.bbb = function () {
            console.log(2);
        };
    
        b.aaa();//1
        b.bbb();//2
        a.prototype.bbb();//3

    这里面,你把你原来的a理解成a.prototype就行了.
    最后,还可以这么写

    var a = {
            aaa:function(){console.log(1)},
            bbb:function(){console.log(3)}
        };
    
    var b = Object.create(a);
        b.bbb = function(){console.log(2)};
    
        b.aaa();//1
        b.bbb();//2
        a.bbb();//3

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-10 15:53:16

    建议你看下这个问题
    网易web前端校招面试题的问题?
    http://segmentfault.com/q/1010000003758203

    原理是相似的

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-10 15:53:16

    加上一句:b.prototype = a;即可

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 15:53:16

    通过in来做判断属性是否存在

    if("aaa" in b){
    }else{
    }

    in 判断包括来自实例和原型
    hasOwnProperty 只判断是否存在在实例上

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 15:53:16

    让对象b 继承 对象a,b 就可以访问方法 aaa()
    可以通过让 b 的原型对象为a来实现,但是 prototype 是函数可以直接访问的,对象没有这个属性,Firefox、Safari和Chrome在每个对象上都支持一个属性 __proto__,用于指向对象的原型对象,IE 9+也支持这个属性,所以这行应该填

    b.__proto__ = a;

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 15:53:16

    biubiubiu~~ 看这里


    知识点:

    • 原型,原型继承

    • Object.create()


    解决方法:

    var a = {
        aaa:function(){console.log('a,aaa');},
        bbb:function(){console.log('a,bbb');}
    }
    var b = Object.create(a);
    b.bbb = function() {console.log('b,bbb');}
    b.aaa(); //a,aaa

    兼容:
    好像挺简单,but~有些浏览器不兼容,所以猛戳下面
    Object.create()兼容写法:http://segmentfault.com/q/1010000002919613

    自己补充下知识点就看懂了。。done!!

    reply
    0
  • Cancelreply