JavaScript原型详解

最新推荐文章于 2022-05-10 11:32:38 发布

原创最新推荐文章于 2022-05-10 11:32:38 发布 · 429 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#prototype #_proto_ #constructor #原型链 #构造函数

原型专栏收录该内容

4 篇文章

订阅专栏

本文详细探讨了JavaScript中对象的constructor、prototype和__proto__属性，通过实例展示了这些属性之间的关系，以及它们如何帮助理解对象的继承和原型链。

在这里插入图片描述

属性	释义
constructor	指向对象的构造函数
prototype	指向函数自身的原型对象
__proto__	指向对象构造函数的原型对象

function Person(name) {
    this.name = name;
}

Person.prototype.fn = function() {
    console.log(this.name);
};

var person = new Person('小明');

person.constructor === Person; //true
person.__proto__ === Person.prototype; //true


Person.constructor === Function;  //true
Person.__proto__ === Function.prototype; //true
Person.prototype.constructor === Person; //true
Person.prototype.__proto__ === Object.prototype; //true


Object.constructor === Function; //true
Object.__proto__ === Function.prototype; //true
Object.prototype.constructor === Object; //true
Object.prototype.__proto__ === null; //true


Function.constructor === Function;  //true
Function.__proto__ === Function.prototype; //true
Function.prototype.constructor === Function; //true
Function.prototype.__proto__ === Object.prototype; //true