关于js原型笔记

原型链的查找原则和动态性

js原型大家都不陌生，但是涉及到原型链有些时候会蒙圈（我本人就是），下面介绍一下我对原型链的理解。

就近查找原则

对象访问一个属性，假如对象本身没有这个属性，会从原型链的底端向上查找这个属性。

// 创建一个‘爷爷’
function Ground() {}
Ground.prototype = {
	name: '赵'	// 爷爷的姓赵
}
let ground = new Ground()
// 创建一个继承‘爷爷’的‘爸爸’
function Father() {}
Father.prototype = ground	// ‘爸爸’构造函数的原型指向实例‘爷爷’
let father = new Father()
console.log(father.name)
// '赵'
father.name = '李'	// ‘爸爸’改姓‘李’
// 创建一个‘你’
function You() {}
You.prototype = father		// ‘你’构造函数的原型指向实例‘爸爸’
let you  = new You()
console.log(you.name)
// '李'

动态性

实例和原型通过_proto_连接（非标准，但绝大部分浏览器都支持），原型是一个对象，所以同样放在堆中，_proto_是指向原型。

// 接着上面的代码
father.name = '周'
console.log(child.name)
// 周

关于constructor

当创建一个函数时，函数自带的prototype属性，指向一个‘默认的对象’（原型），这个‘默认的对象’有两个默认属性constructor、proto，_proto_指向‘默认的对象’的原型，constructor指向构造函数。

function test() {}
console.log(test.prototype)
{
	constructor: f test()
	_proto_: Object
}

constructor只存在于函数的原型对象上