constructor, prototype 很让人蒙逼

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2675 days ago, the information mentioned may be changed or developed.

function A(a) {
  this.a = a;
}

console.log(A.constructor);  // function Function() { [native code] }
console.log(A.prototype);    // {}
console.log(A.prototype.constructor);  // function A(a){this.a=a;}

let a = new A(1);

console.log(a.__proto__)     // {}
console.log(a.constructor);  // function A(a){this.a=a;}

A.prototype 是 Object, Object 的 constructor 居然是 A。实在不能理解

7 replies • 2023-10-18 10:17:48 +08:00

yuanfnadi

Jul 18, 2019

只要创建了一个函数，那么该函数会有一个 `prototype` 的属性，这个属性指向函数的原型对象。
所有原型对象都会有自动获得一个 `constructor` 的属性。这个属性包含一个指向 `prototype` 属性所在函数的指针。、

function Person() {
}

console.log(Person.prototype.constructor === Person) //true

创建自定义构造函数，其原型对象只会取得 `constructor` 属性，其他方法都是由 Object 继承而来。每当调用构造函数创建一个新实例后，该实例都将包含一个指针，指向构造函数的原型对象。在 `ECMA-262` 第 5 版中管这个指针叫 `[[Prototype]]`，在 Firefox Safari Chrome，每一个对象都支持一个属性 `__proto__`。

yuanfnadi

Jul 18, 2019

来自于 JavaScript 高级程序设计 6.2.3 原型模式

lbfeng

Jul 19, 2019

@yuanfnadi 好书，就是内容太多了。得抽空好好读下。

marcong95

Jul 19, 2019

因为你没往 A.prototype 上面挂东西，那 A.prototype、a.__proto__自然就是个{}
然后 a 是 new A(1)产生的，所以 A 是 a 的 constructor 也挺顺理成章的。
JS 的 new 运算符后面跟的是一个 Function，表示以这个 Function 作为 constructor 创建一个对象。

yizi

Jul 19, 2019

推荐一个老哥讲解 JS 原型和闭包相关的文章，很详细，https://www.cnblogs.com/wangfupeng1988/p/3977924.html

MinonHeart

Jul 25, 2019 via iPhone

https://github.com/Aqours/Aqours/issues/9

Office365

Oct 18, 2023

「 A.prototype 是 Object, Object 的 constructor 居然是 A 。实在不能理解」

请重看教材： https://javascript.info/function-prototype