Steam's Notes

主题

构造函数创建对象 ​

js
function Person() {

}
var person = new Person();
person.name = 'Kevin';
console.log(person.name) // Kevin

prototype ​

每个函数都有一个 prototype 属性

构造函数和实例原型的关系图

proto ​

这是每一个JavaScript对象(除了 null )都具有的一个属性，叫__proto__，这个属性会指向该对象的原型。

js
function Person() {

}
var person = new Person();
console.log(person.__proto__ === Person.prototype); // true
实例与实例原型的关系图

constructor ​

js
function Person() {

}
console.log(Person === Person.prototype.constructor); // true
实例原型与构造函数的关系图

实例与原型 ​

当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层为止。

举个例子：

js
function Person() {

}

Person.prototype.name = 'Kevin';

var person = new Person();

person.name = 'Daisy';
console.log(person.name) // Daisy

delete person.name;
console.log(person.name) // Kevin

原型的原型关系图

原型的原型 ​

在前面，我们已经讲了原型也是一个对象，既然是对象，我们就可以用最原始的方式创建它，那就是：

js
var obj = new Object();
obj.name = 'Kevin'
console.log(obj.name) // Kevin

其实原型对象就是通过 Object 构造函数生成的，结合之前所讲，实例的 proto 指向构造函数的 prototype

原型的原型关系图

原型链 ​

那 Object.prototype 的原型呢？

null，我们可以打印：

js
console.log(Object.prototype.__proto__ === null) // true

引用阮一峰老师的 《undefined与null的区别》 就是：

null 表示“没有对象”，即该处不应该有值。

所以 Object.prototype.proto 的值为 null 跟 Object.prototype 没有原型，其实表达了一个意思。

所以查找属性的时候查到 Object.prototype 就可以停止查找了。

原型链示意图