JS进阶

88 阅读1分钟

image.png

一、第一天

image.png

image.png

1.作用域

image.png

面试中常问

1.1 局部作用域

image.png

image.png

image.png

image.png

image.png

1.2 全局作用域

image.png

image.png

image.png

1.3 作用域链

image.png

image.png

image.png

image.png

1.4 垃圾回收机制

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

1.5 闭包

image.png

image.png

image.png

image.png

image.png

image.png

1.6 变量提升

面试重点 image.png

image.png

image.png

image.png

2.函数进阶

image.png

2.1 函数提升

image.png

image.png

2.2 函数参数

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

2.3 箭头函数

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

3. 解构赋值

image.png

image.png

3.1 数组解构

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

3.2 对象解构

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

forEash方法

image.png

image.png

image.png

筛选数组filter方法

image.png

image.png

image.png

4. 综合案例

image.png

image.png

image.png

image.png

image.png

实现tab栏切换:直接用css,不用js

image.png

image.png

image.png

image.png

二、第二天

image.png

image.png

1.深入对象

image.png

1.1 创建对象的三种方式

image.png

image.png

1.2 构造函数

image.png

image.png

image.png

image.png

image.png

image.png

面试:new实例化执行的4步

image.png

image.png

1.3 实例成员

image.png

image.png

image.png

2.内置构造函数

image.png

image.png

image.png

toFixed():保留几位小数

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

3.综合案例

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

三、第三天(面试重要)

1.编程思想

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

2.构造函数

image.png

image.png

image.png

image.png

image.png

3.原型

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

原型链(面试重点!!!)

d18f74ed40bdc384fb6e4aeb160de36.png

image.png

image.png

image.png

image.png

4.综合案例

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

四、第四天(面试)

image.png

image.png

1.深浅拷贝(面试重点)

对对象的复制

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

面试:什么是深拷贝?怎么实现深拷贝?
1.深拷贝是把旧对象拷贝给新对象,修改新对象,旧对象不受影响。要想实现深拷贝,用到函数递归。
2.遇到普通拷贝,直接复制;如果遇到数组,再次调用递归函数;如果遇到对象形势,再调用递归函数。
3.如果有数组和对象,先解决数组递归,再解决对象递归。

image.png

image.png

image.png

image.png

image.png

2.异常处理

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

3.处理this

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

法一:利用lodash(里面的debounce方法)处理防抖

image.png

法二:自己手写防抖函数(四步)面试!!!

image.png

image.png

image.png

法一:利用lodash(里面的throttle方法)处理节流

image.png

image.png

法二:自己手写节流函数(四步)面试!!!

image.png

image.png

image.png

image.png

5.节流综合案例

ontimeupdate 和 onloadeddata

image.png

image.png

image.png

image.png

image.png

image.png