【JavaScript】Javascript—JS进阶—Day04

Javascript------Day15

01.浅拷贝

浅拷贝

拷贝的时候,将一个对象的值赋值给另一个对象,当修改另一个对象的值的时候,原来对象的值也会被修改。原因如下:

赋值的时候实际上是把地址赋值给它。


先来说说浅拷贝

所以,是外层拷贝的时候给的是值,但是拷贝到里层的时候,拷贝的还是地址。


补充:

(1)对象浅拷贝:

(2)数组浅拷贝:

02.递归函数

深拷贝:


递归实现:

03.深拷贝实现(递归)

深拷贝实现:

(注意下图属性名和属性值的写法:)

如果值为复杂数据类型的话,传递的还是地址。

递归解析:

04.利用lodash和JSON实现深拷贝

利用lodash和JSON实现深拷贝


去官网看介绍

语法:

例子:


首先我们先引入lodash然后才能用。


但是使用时必须引入库,不太方便,

所以我们还可以使用第三种方法。

转换为字符串后,赋值的就是字符串( )而不是地址 了。

先转为字符串,赋值后,然后再转回来

(一步到位即可,如下图)


总结:

05.异常处理---throw和try、catch以及debugger

异常处理:


(一)throw抛出异常

不过,一般是下面这种写法:

总结:


(二)捕获异常


(三)debugger(类似打断点)

06.普通函数和箭头函数的this

学习目标:


this指向---普通函数

普通 function 作为事件处理函数时,浏览器会自动把 this 绑定为触发当前事件的 DOM 元素


this指向---箭头函数:

注意情况:


总结:

07.call方法改变this指向

改变this指向:


call的使用场景少。

08.apply方法

apply方法:


apply()方法详情:

没有return。

09.bind方法以及总结

bind方法:


bind()方法详情


总结:

10.什么是防抖以及底层实现

防抖:


案例:

防抖函数的底层是定时器
法一:lodash库提供的函数

法二:手写防抖函数(重要)

11.什么是节流以及底层实现和总结

节流:


案例:


区分:


lodash库实现:


手写节流函数:

注意!这里的清除定时器使用的是timer=null

结果是1。所以,在setTimeout定时器执行过程中,是不能删除定时器的。

但是setInterval可以:


防抖和节流总结:

12.节流综合案例---记录视频播放时间

案例:


思路:


实操:

相关推荐
吴声子夜歌6 分钟前
ApacheCommons——commons-cli(命令行参数解析)
java·开发语言·apache
自动化监测Learner30 分钟前
主流 Web 端地图引擎对比:选型指南与优劣分析
javascript
benchmark_cc1 小时前
REST API 和 Python SDK 应该怎么选?量化交易数据接口选型实战
开发语言·python·数据分析·pandas·量化交易·股票数据·quantdash
王的宝库1 小时前
Go 项目结构:从单文件到标准工程布局
开发语言·后端·golang
Tairitsu_H1 小时前
[C++] 深入理解红黑树:封装set与map
开发语言·c++·set·map·红黑树·模拟实现
泡海椒1 小时前
JQuick-Curl 性能分析:并发场景下的性能表现与调优,第三方接口调用不只要快写也要稳跑
java·开发语言·okhttp
小智老师PMP2 小时前
2026深度解析|PMP第八版与NPDP核心侧重点本质区别(管理类证书怎么选)
开发语言·分布式·算法·职场和发展·产品经理
江畔柳前堤3 小时前
前台·中台·后台:2026年AI原生时代的架构全景图
开发语言·人工智能·算法·机器学习·架构·scala·ai-native
Figo_Cheung3 小时前
Figo基于RNC理论的宇宙演化第七纪元猜想
开发语言·php
泡海椒4 小时前
JQuick-Curl 二次开发:自定义解析器、扩展点开发指南,如何把框架能力真正变成团队资产
java·开发语言·okhttp·maven