原型链

2021-12-26

prototype和proto

prototype: 显式原型

__ proto__: 隐式原型

一般，构造函数的prototype和其实例的__proto__是指向同一个地方的，这个地方就叫做原型对象 eg，

function Person(name, age) { // 这个就是构造函数
this.name = name
this.age = age
}

const person1 = new Person('小明', 20) // 这个是Person构造函数的实例
const person2 = new Person('小红', 30) // 这个也是Person构造函数的实例

函数

构造函数，其实他说到底也是个函数，其实咱们平时定义函数都可以使用new Function来声明，是的没错Function也是一个构造函数。上面的写法等同于下面的写法

const fn1 = new Function('name', 'age', 'console.log(`我是${name}, 我今年${age}岁`)') fn1('林三心', 10)

function fn1(name, age) { console.log(`我是${name}, 我今年${age}岁`) }

构造函数的原型与其实例的原型一致，故

console.log(Function.prototype === fn1.__proto__) // true

对象

创建一个对象，通常会用以下几种方法。

构造函数创建对象，他创建出来的对象都是此Function构造函数的实例，所以这里不讨论它

字面量创建对象

new Object创建对象

// 第一种：构造函数创建对象
function Person(name, age) {
  this.name = name
  this.age = age
}
const person1 = new Person('林三心', 10)
console.log(person1) // Person { name: '林三心', age: 10 }

// 第二种：字面量创建对象
const person2 = {name: '林三心', age: 10}
console.log(person2) // { name: '林三心', age: 10 }

// 第三种：new Object创建对象
const person3 = new Object()
person3.name = '林三心'
person3.age = 10
console.log(person3) // { name: '林三心', age: 10 }

// 第四种：Object.create创建对象
const person4 = Object.create({})
person4.name = '林三心'
person4.age = 10
console.log(person4) // { name: '林三心', age: 10 }

实例对象的__proto__指向Object构造函数的prototype

Function和Object

函数是Function构造函数的实例

对象是Object构造函数的实例

那Function构造函数和Object构造函数他们两个又是谁的实例呢？

function Object()其实也是个函数，所以他是Function构造函数的实例

function Function()其实也是个函数，所以他也是Function构造函数的实例，没错，他是他自己本身的实例

constructor

constructor和prototype是成对的，你指向我，我指向你。

原型链

Person.prototype 和 Function.prototype

Person.prototype，它是构造函数Person的原型对象

Function.prototype，他是构造函数Function的原型对象

都说了原型对象，原型对象，可以知道其实这两个本质都是对象

那既然是对象，本质肯定都是通过new Object()来创建的。既然是通过new Object()创建的，那就说明Person.prototype 和 Function.prototype都是构造函数Object的实例。也就说明了Person.prototype 和 Function.prototype他们两的__proto__都指向Object.prototype