【JavaScript】Javascript—JS进阶—Day03

Javascript------Day14

01.两种编程思想

js用面向对象来写需要用到的构造函数和原型。


目录


js是面向过程的编程语言。

而面向对象编程是这样的:


对比:

02.构造函数实现封装以及存在的问题

构造函数:

this就是那个实例对象。

(这里指向ldh,再创建一个指向zxy)

原本应该是两个function一样,但是实际上这里是不一样的。

(引用类型本体存在堆内存里,堆内存回收成本高)

解决方案在下文
总结:

03.原型对象prototype

目录


第一点详细解释:

第二点详细解释:


是属性也是对象。(Star.prototype => object)

对象.sing 本质等价于 原型链向上查找 Star.prototype.sing

(这里对象.sing 等价于 Star.prototype.sing)

ldh实例自身没有 sing;

引擎自动跳到 ldh.__ proto __ === Star.prototype

在原型对象找到 sing 函数。


所以属性和方法可以分开写:


理解:


总结:


this指向


this指向总结:

04.数组扩展案例---求最大值和数组求和

案例:

05.constructor属性以及应用

constructor属性以及应用:

请看下图:

所以,

如下图:


应用/使用场景:

如下图:

做出如下对比:

这样就会分不清方法到底是属于哪一个构造函数的了(即找不到父级了)
所以,采取如下方法:


提问:

06.对象原型_proto_

学习对象原型__proto__前的思考


先前学了原型对象 ,现在我们来学对象原型

(记住是各两个下划线)


所以,关系图如下:


总结:


课后作业:

07.原型继承

JS大多是借助原型对象 实现继承的特性。


详细解读:

继承,我们需要借助原型对象,原因如下:

注意,要让constructor指回Woman

但是,这样做也有弊端:

这是因为他们继承的都是同一个对象。


解决方案:构造函数。

解读:

08.原型链以及instanceof运算符

原型对象也是对象。

对象原型指向原型对象。

Object已经是最大的了,再往上指就是指向null。

这就是我们所说的原型链:

主要说的是:

总的来说:

查找规则:

原型链就是查找规则。
最后,我们再来补充一个运算符:(第⑥点)

如果不清楚可以去MDN里查看:

相关推荐
爱跳舞的烤冷面5 分钟前
自学嵌入式第N天(Linux篇——文件编程)
java·开发语言·前端
梦醒沉醉29 分钟前
2、JavaScript控制流和错误处理
javascript
晓得迷路了34 分钟前
栗子前端技术周刊第 142 期 - DeepSeek Harness、pnpm 12 RC、crypto‑js...
前端·javascript·ai编程
caimouse44 分钟前
ReactOS 图形系统分析(33):字体子系统 — font.c
c语言·开发语言·reactos
Fluxart.ai1 小时前
Etsy手工制品换背景,用什么AI能保留手作质感?
前端·javascript·人工智能
cxr8281 小时前
HyperMind Lab M1 架构地基 Implementation Plan <二>
开发语言·人工智能·架构
小玮看世界1 小时前
[Python] str() 和 join() 的区别与实战避坑指南
前端·javascript·python
特立独行的猫a1 小时前
Tauri v2的Rust应用 → HarmonyOS(鸿蒙 PC)移植30分钟速成指南
开发语言·rust·harmonyos·tauri·移植·鸿蒙pc
迷迭香yy1 小时前
大宗交易折溢价因子怎么挖掘本地化Python全流程实战
开发语言·人工智能·python
xieliyu.1 小时前
UPD协议结构以及开发中注意事项
java·开发语言·笔记·java-ee