美文网首页
javascript的原型链

javascript的原型链

作者: 进击的前端 | 来源:发表于2016-08-02 18:26 被阅读29次
    var Scope = function () {
        this.$clone = function () {
            return Object.create(this);
        }
    }
    
    var scopeA = new Scope();
    scopeA.title = 'My title';
    var scopeB = scopeA.$clone() ;
    // 实例有$clone方法用创建一个对象克隆,表现如下
    console.log(scopeB.title === 'My title'); // 输出 true
    scopeA.title = 'Home title';
    console.log(scopeB.title === 'Home title')// 输出true
    // 但是一旦scopeB主动修改它的属性,scopeA并不受影响
    scopeB.title = 'scopeB title';
    console.log(scopeA.title === 'Home title') // 输出true
    

    这道题,要实现一个克隆函数,一看就是原型链的效果,就利用Object.create()来继承prototype

    create也就是proto指向它的原型,
    如果是用{}来新建一个对象的话,那么这个对象也能够用Object.create来实现原型继承,但是不能用prototype

    b-->a-->Object


    c-->a.prototype
    而function.prototype是针对构造函数的,如果这个函数被实例化,那么它的原型指向这个构造函数的prototype


    Paste_Image.png

    相关文章

      网友评论

          本文标题:javascript的原型链

          本文链接:https://www.haomeiwen.com/subject/bgzfsttx.html