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.节流综合案例—记录视频播放时间

案例：

思路：

实操：