08 js 什么是原型链

最新推荐文章于 2024-08-15 08:55:57 发布

学前端的坤坤bond

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量402

点赞数 6

文章标签： javascript 课程设计其他笔记微信开放平台

本文链接：https://blog.csdn.net/m0_64904350/article/details/140489501

版权

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>

<body>
<script>
function Person(name, age) {
this.name = name
this.age = age
this.sayHi = function () {
console.log('hello')
}
}
let p1 = new Person()
console.log(p1)

// _proto_又指向哪里呢
// 实例对象是由构造函数new出来的
// 那么这个实例对象上的_proto_就指向这个构造函数的prototype
// 我们发现实例对象的_proto_和构造函数的prototype是同一个对象空间
// 所以，我们可以通过构造函数的函数名来向prototype添加内容
// 实例对象访问自己的属性时，自己身上有就直接用，没有的话自动去自己身上的_proto_上找
// 那么对象就可以使用函数的prototype里面的内容了

// 我们的原型有个链状结构
// 当一个对象我们不知道是谁都结构的时候，我们可以把他看成是object的实例对象
// 也就是说，我们构造函数的prototype的_proto_指向object.prototype
// 那么这个object.prototype也是一个对象，他的_proto_最终指向js的null
// 因为我们的object是js的顶级构造函数，我们js万物皆对象
// 所以object.prototype就到头了

// 原型链：从实例对象开始沿着_proto_形成的链式结构就是这个实例对象的原型链
</script>
</body>

</html>

学前端的坤坤bond

关注

6
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
08 js 什么是原型链

/ 也就是说，我们构造函数的prototype的_proto_指向object.prototype。// 那么这个object.prototype也是一个对象，他的_proto_最终指向js的null。// 我们发现实例对象的_proto_和构造函数的prototype是同一个对象空间。// 原型链：从实例对象开始沿着_proto_形成的链式结构就是这个实例对象的原型链。// 那么这个实例对象上的_proto_就指向这个构造函数的prototype。// 实例对象是由构造函数new出来的。
复制链接

扫一扫