Javascript------Day15
- 01.浅拷贝
- 02.递归函数
- 03.深拷贝实现(递归)
- 04.利用lodash和JSON实现深拷贝
- 05.异常处理---throw和try、catch以及debugger
- 06.普通函数和箭头函数的this
- 07.call方法改变this指向
- 08.apply方法
- 09.bind方法以及总结
- 10.什么是防抖以及底层实现
- 11.什么是节流以及底层实现和总结
- 12.节流综合案例---记录视频播放时间
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.节流综合案例---记录视频播放时间
案例:
思路:
实操:















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







































































