前置阅读：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain
- js中的“类”是一个函数。
- function test() {}中，test是由Function生成的。
- prototype与__proto__的区别：
前者是js函数（C++中的类）的原型。
后者是对象的原型链（的第一个父对象）。 - 对于function test() {}来说，test既有prototype(即test.prototype)，又有__proto__(即
test.__proto__)。
如何理解test.__proto__呢？js中的每个类似test的函数，其实是Function函数（C++中的类）的一个实例，所以基于原型链，实例的__proto__就是相应的函数.prototype（C++中的类）。即test.__proto__==Function.prototype。控制台输出：
> test.proto
> ƒ () { [native code] }
如何理解test.prototype呢？test也是一个函数（C++中的类。可以想一下，js中的class最终都是会编译为function，比如下图）。那函数（C++中的类）就有自己的prototype（类比Object.prototype，且Object.prototype.[[prototype]]=null）。控制台输出：
可以看到test.prototype就是test函数自己的原型。test.prototype.[[prototype]]就是Object.prototype（之后就是null）。
注意，这里的constructor指向了test函数自己，即 test.prototype.constructor == test 。所以test.prototype.constructor.prototype就等于test.prototype，也就是上面贴的图，即重复了。
为什么要指向自己？
- 如何获取proto：
- 对象：Object.getPrototypeOf() 等价于
obj.__proto__; - 函数：Function.prototype;
- 检查对象本身（不包括原型链）是否存在某个属性：
- obj.hasOwnProperty(“propertyName”);
- Object.hasOwn(obj, “propertyName”);
- 使用不同的方法来创建对象和改变原型链的方法：
- 使用语法结构创建对象
const p = { b: 2,
__proto__: o };
- 使用构造函数
function Graph() {
this.vertices = [];
this.edges = [];
}
Graph.prototype.addVertex = function (v) {
this.vertices.push(v);
};
- 使用 Object.create()
const a = { a: 1 };
// a ---> Object.prototype ---> null
const b = Object.create(a);
- 使用类
class Polygon {
constructor(height, width) {
this.height = height;
this.width = width;
}
}
class Square extends Polygon {
}
- 使用 Object.setPrototypeOf()
const obj = { a: 1 };
const anotherObj = { b: 2 };
Object.setPrototypeOf(obj, anotherObj);
// obj ---> anotherObj ---> Object.prototype ---> null
- 使用 proto 访问器
const obj = {};
// 请不要使用该方法：仅作为示例。
obj.__proto__ = { barProp: "bar val" };
obj.__proto__.__proto__ = { fooProp: "foo val" };
console.log(obj.fooProp);
console.log(obj.barProp);
