美文网首页
原型与原型链

原型与原型链

作者: stephenoo | 来源:发表于2019-03-09 14:14 被阅读0次
    // 先使用构造函数创建一个对象:
    function Person() {
    
    }
    var person = new Person();
    person.name = 'Kevin';
    console.log(person.name) // Kevin
    
    // Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person。
    
    

    prototype

    每个函数都有一个 prototype 属性,例Person.prototype,函数的 prototype 属性指向了一个对象,这个对象正是调用该构造函数而创建的实例的原型。
    Person.prototype.name = 'Kevin';等价于person.name = 'Kevin';

    原型:每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。

    _ _ proto _ _

    每一个JavaScript对象(除了 null )都具有的一个属性,叫_ _ proto_ _,这个属性会指向该对象的原型。例person._ _ proto_ _

    function Person() {
    
    }
    var person = new Person();
    //对象.__proto__ === 函数.prototype
    console.log(person.__proto__ === Person.prototype); // true
    console.log(Person.prototype.constructor === Person) // true
    
    

    实例与原型

    当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层为止。

    function Person() {
    
    }
    
    Person.prototype.name = 'Kevin';
    
    var person = new Person();
    
    person.name = 'Daisy';
    console.log(person.name) // Daisy
    
    delete person.name;
    console.log(person.name) // Kevin
    
    

    给实例对象 person 添加了 name 属性,当我们打印 person.name 的时候,结果自然为 Daisy。当我们删除了 person 的 name 属性时,读取 person.name,从 person 对象中找不到 name 属性就会从 person 的原型也就是person._ _ proto_ _,也就是 Person.prototype中查找,找到了 name 属性,结果为 Kevin。

    原型链

    JavaScript中所有的对象都是由它的原型对象继承而来。而原型对象自身也是一个对象,它也有自己的原型对象,这样层层上溯,就形成了一个类似链表的结构,这就是原型链。
    所有原型链的终点都是Object函数的prototype属性,因为在JavaScript中的对象都默认由Object()构造。Objec.prototype指向的原型对象同样拥有原型,不过它的原型是null,而null则没有原型。
    所以查找属性的时候查到 Object.prototype 就可以停止查找了。

    var obj = new Object();
    obj.name = 'Kevin'
    console.log(obj.name) // Kevin
    console.log(Object.prototype.__proto__ === null) // true
    
    

    相关文章

      网友评论

          本文标题:原型与原型链

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