当前位置：首页 > news >正文

原型链的简单理解【关系到结论】

news 来源：原创 2024/5/4 6:54:47

对应名称

prototype：原型
__proto__：原型链（链接点）

从属关系

prototype：函数的一个属性：对象{}
__proto__：对象Object的一个属性：对象{}
对象的__proto__保存着该对象构造函数的prototype

证明从属关系

对象的__proto__就等于函数的prototype，也证明了上面的从属关系。

// 函数
function Test() {
	this.a = 1;
}
// 函数的原型对象
console.log(Test.prototype); //{constructor: ƒ}
// 实例化对象
const test = new Test();
console.log(test.__proto__); //{constructor: ƒ} ，这里发现与函数的prototype是一样的结果
console.log(test.__proto__ === Test.prototype); //true，对象的__proto__就等于函数的prototype
console.log(Test.prototype.__proto__ === Object.prototype); //true，函数的prototype的__proto__就等于Object的prototype
console.log(Object.prototype.__proto__); //null，可以说Object就是原型链的顶端

原型链

原型链：一个对象test为基准，__proto__为链接点的这条链条一直到Object.protype为止的这条链。
原型链继承：沿着__proto__去找链上的任意一个原型属性，里面只要有我要的值，就拿来用，如果没有就继续往上找，直到最顶部（Object）为止，这种就属于原型链继承的找法。
原型链的顶端是Object.protype （简称可以是Object或者null）。

/**
* test {
* 	a:1,
*  __proto__: Text.prototype = {
* 		b:2,
*    __proto__: Object.prototype = {
* 			c:3
* 		}
*  }
* }
*/
console.log(test.a); //1
console.log(test.b); //2
console.log(test.c); //3

最后：感兴趣可以学习哔哩哔哩的教学视频