美文网首页饥人谷技术博客
JS之构造函数、实例、原型三者之间的关系

JS之构造函数、实例、原型三者之间的关系

作者: PingerL | 来源:发表于2019-10-31 16:24 被阅读0次

    一:几个名词

    1. 构造函数(constructor):专门用来生成实例对象的函数
    2. 原型对象(prototype):就是定义所有实例对象共享的属性和方法的对象

    二:三者之间的关系

    function Person(name){
        this.name = name;
    }
    Person.prototype.sayName = function(){
        console.log('My name is :' + this.name);
    }
    var p = new Person("孟婆")
    p.sayName();
    
      • Y1.PNG
    • 任何函数都具有一个 prototype 属性,该属性是一个对象
    • 构造函数的 prototype 对象默认都有一个 constructor 属性,指向 prototype 对象所在函数
    • 通过构造函数得到的实例对象内部会包含一个指向构造函数的 prototype 对象的指针 __proto__

    三:原型链

    JavaScript 规定,所有对象都有自己的原型对象(prototype)。一方面,任何一个对象,都可以充当其他对象的原型;另一方面,由于原型对象也是对象,所以它也有自己的原型。因此,就会形成一个“原型链”(prototype chain):对象到原型,再到原型的原型……
    如果一层层地上溯,所有对象的原型最终都可以上溯到Object.prototype,即Object构造函数的prototype属性。也就是说,所有对象都继承了Object.prototype的属性。这就是所有对象都有valueOf和toString方法的原因,因为这是从Object.prototype继承的。
    那么,Object.prototype对象有没有它的原型呢?回答是Object.prototype的原型是null。null没有任何属性和方法,也没有自己的原型。因此,原型链的尽头就是null。

    相关文章

      网友评论

        本文标题:JS之构造函数、实例、原型三者之间的关系

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