美文网首页
js的继承与原型链探究

js的继承与原型链探究

作者: 佳句欣赏 | 来源:发表于2017-03-21 20:26 被阅读0次

1.Object.create(obj,{})方法实现

    var car =  {
        color:'red',
        getColor:function () {
            console.log(this.color)
        }
    }
    newObj = Object.create(car,{
        t1:{
            value:'zzzzzzz',
            writable:true
        },
        bar: {
            configurable: false,
            get: function() { return bar; },
            set: function(value) { bar=value }
        }
    });
    newObj.getColor();  // red
    function Person(){}
    Person.prototype.name = 'aaa';
    Person.prototype.sayName = function(){
        alert(this.name);
    };
    var person1=new Person();

    // 继承:
    function Teacher(){}
    Teacher.prototype = new Person();
    Teacher.prototype.constructor = Teacher;
    var teacher = new Teacher();
    alert(teacher.age);

Person.prototype.constructor ;//指向构造函数 Person
person1.__proto__ == Person.prototype ;//创建的实例包含__proto__属性,并且指向构造函数的原型;
当访问对象 teacher.age的时候,因为没有实例上没有这个属性,会通过实例的__proto__寻找到构造函数 Teacher的原型对象;
如果Teacher的原型上没有,
由于Teacher的原型对象指向了Person的实例person1,所以如果person1没有age属性,
通过__proto__寻找到构造函数Person的原型对象;
如果Person.protorype仍然不包含age属性,就会继续向上找,直到Object 的原型

相关文章

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • js的继承与原型链探究

    1.Object.create(obj,{})方法实现 Person.prototype.constructor ...

  • js基础之实现继承的几种方式

    js 实现继承的方式有: 原型链继承; 构造函数继承; 组合继承(原型链继承 + 构造函数继承)(最常用);(原型...

  • js继承

    js继承js 继承-简书 原型链实现集继承 上面的代码实现原型链继承最重要的son.prototype=new f...

  • javascript中的原型链与继承

    javascript中的原型链与继承javascipt中的原型链和继承机制是这门语言所特有的,但js中的原型机制也...

  • web前端面试之js继承与原型链(码动未来)

    web前端面试之js继承与原型链(码动未来) 3.2.1、JavaScript原型,原型链 ? 有什么特点? 每个...

  • js实现继承的几种方式

    js实现继承有几种方式,这里我们主要探讨 原型链继承 构造继承 组合继承(原型链和构造继承组合到一块,使用原型链实...

  • 浅析JS继承方法

    JS 实现继承的方法有:1.原型链继承2.构造函数继承3.组合继承(原型链继承 + 构造函数继承)4.原型式继承(...

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

网友评论

      本文标题:js的继承与原型链探究

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