关于js中的原型

Posted 不吃鱼的猫·学习笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js中的原型相关的知识,希望对你有一定的参考价值。

我们知道无论什么时候只要创建了一个函数,就会为该函数创建一个prototype属性,这个属性指向函数的原型对象,默认情况下所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含了一个指向prototype属性所在函数的指针。当调用构造函数创建一个新实例后,该实例内部就会包含一个[[prototype]]指针(内部属性),指向构造函数的原型对象。例如以下的代码:

 

    function Person(){
    }
    Person.prototype.name = "pan";
    Person.prototype.age = 23;
    };
    var person1 = new Person();

 

这段代码中Person构造函数、Person的原型属性以及Person的现有实例person之间的关系可以用下图来表示:

技术分享

在这里,Person.prototype指向了原型对象,而Person.prototype.constructor又回指了Person。实例person1包含了一个指向Person.prototype的内部属性[[Prototype]]。

现在来看看我们上面的图是否说对了呢?

    function Person(){
    }
    Person.prototype.name = "pan";
    Person.prototype.age = 23;
    var person1 = new Person();
    console.log(Person.prototype);
    console.log(person1.__proto__);
    console.log(Person.prototype.constructor);
    console.log(person1.__proto__.constructor);
    console.log(person1.name);

技术分享

 

 

 

 

 

 

 

我们可以看到Person.prototype与person1.__proto__都是同一个对象Person{},所以Person.prototype.constructor和person1.__proto__.constructor都是Person这个函数。又因为person1可以利用原型链向上查找到Person.prototype的属性并使用,所以person1.name的值为pan。

 

以上是关于关于js中的原型的主要内容,如果未能解决你的问题,请参考以下文章

关于js的对象原型继承

关于JS中原型链中的prototype与_proto_的个人理解与详细总结(代码示例+高清无码大图!——自备瓜子花生)

关于js----------------分享前端开发常用代码片段

关于js原型链

js中的Object.assign接受两个函数为参数的时候会发生什么?

关于JS原型以及原型链instanceof的一些理解