7.原 型

7.1原型


【例如】

另外- this指向:

构造函数和原型对象中的this都指向实例化的对象

7.2 constructor属性

每个原型对象里面都有个constructor属性( constructor构造函数)

作用:该属性指向该原型对象的构造函数

使用场景:

如果有多个对象的方法,我们可以给原型对象采取对象形式赋值.

但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象constructor就不再指向当前构造函数了

此时,我们可以在修改后的原型对象中,添加一个constructor指向原来的构造函数。

【例如】

html 复制代码
<script>
   function Star() {
   }

   Star.prototype = {
     // 手动利用constructor 指回 Star构造函数
     constructor: Star,
     sing: function () {
       console.log('唱歌');
     },
     dance: function () {
        console.log('跳舞');
     }
   }
   console.log(Star.prototype) // 指向 Star
</script>

7.3对象原型

对象都会有一个属性 __proto__ 指向构造函数的prototype原型对象,之所以我们对象可以使用构造函数prototype原型对象的属性和方法,就是因为对象有 __proto__ 原型的存在。

注意:

__proto__ 是JS非标准属性

➢ [[prototypel] 和 __proto__ 意义相同

➢ 用来表明当前实例对象指向哪个原型对象prototype

__proto__ 对象原型里面也有一个constructor属性,指向创建该实例对象的构造函数

➢只要是对象,就有原型 __proto__

7.4原型继承

继承是面向对象编程的另一个特征,通过继承进一步提升代码封装的程度,JS中大多是借助原型对象实现继承的特性。

1.封装-抽取公共部分

把男人和女人公共的部分抽取出来放到人类里面

2.问题和原因

男人和女人都同时使用了同一个对象,根据引用类型的特点,他们指向同一个对象,修改一个就都会受影响

3.解决:

需求:男人和女人不要使用同一个对象,但是不同对象里面包含相同的属性和方法

因为new每次都会创建一个新的对象,所以用构造函数来处理

7.5原型链

基于原型对象的继承使得不同构造函数的原型对象关联在一起,并且这种关联的关系是一种链状的结构,我们将原型对象的链状结构关系称为原型链


记住两句话

1.只要是对象,就有原型 __proto__,指向原型对象

2.只要是原型对象,就有constructor,指向创建该原型对象的构造函数

相关推荐
SilentSamsara27 分钟前
Python 环境搭建完整指南:从下载安装到运行第一个程序
开发语言·python
小短腿的代码世界40 分钟前
Qt文件系统与IO深度解析:从QFile到异步文件操作
开发语言·qt
harder3212 小时前
RMP模式的创新突破
开发语言·学习·ios·swift·策略模式
jinanwuhuaguo2 小时前
OpenClaw工程解剖——RAG、向量织构与“记忆宫殿”的索引拓扑学(第十三篇)
android·开发语言·人工智能·kotlin·拓扑学·openclaw
Rust研习社2 小时前
使用 Axum 构建高性能异步 Web 服务
开发语言·前端·网络·后端·http·rust
豹哥学前端3 小时前
用猜数字游戏,一口气掌握 JavaScript 核心知识点(附完整代码)
前端·javascript
忆往wu前4 小时前
从0到1一步步拆解搭建,梳理一个 Vue3 简易图书后台全开发流程
前端·javascript·vue.js
淘矿人4 小时前
从0到1:用Claude启动你的第一个项目
开发语言·人工智能·git·python·github·php·pygame
cany10004 小时前
C++ -- 模板的声明和定义
开发语言·c++
澈2074 小时前
深耕进阶 Day1:C 与 C++ 核心差异 + C++ 入门基石
c语言·开发语言·c++