面试题JavaScript篇（二）
目录
一、内存泄露
1、是什么
2、导致的原因
二、垃圾回收机制的策略
三、浅拷贝和深拷贝
1、浅拷贝
.slice()
...展开运算符
Object.assign(目标对象, 被复制的对象)
...展开运算符
2、深拷贝
structuredClone() 浏览器提供
JSON.parse(JSON.stringify(obj))
四、为什么JS是单线程
五、Promise 的原理
六、宏任务和微任务都有哪些
七、宏任务和微任务都是怎样执行
八、变量和函数怎么进行提升的？优先级是怎么样的？
九、var let const 有什么区别
十、模块化
1、为什么要使用模块化
2、实现模块化的方法
十一、exports和module.exports有什么区别
十二、ESM 和 commonjs 的区别
十三、Commonjs、AMD、CMD、UMD、ESM 都有什么区别
十四、require 和 import的区别
十五、箭头函数和普通函数的区别
十六、箭头函数可以当做构造函数 new 吗
一、内存泄露
1、是什么
不再用的内存没有被及时释放出来，导致该段内存无法被使用就是内存泄漏
2、导致的原因
我们无法在通过js访问某个对象，而垃圾回收机制却认为该对象还在被引用，因此垃圾回收机制不会释放该对象，导致该块内存永远无法释放，积少成多，系统会越来越卡以至于崩溃
二、垃圾回收机制的策略
1、标记清除法
垃圾回收机制获取根并标记他们，然后访问并标记所有来自它们的引用，然后在访问这些对象并标记它们的引用…如此递进结束后若发现有没有标记的（不可达的）进行删除，进入执行环境的不能进行删除
2、引用计数法
当声明一个变量并给该变量赋值一个引用类型的值时候，该值的计数+1，当该值赋值给另一个变量的时候，该计数+1，当该值被其他值取代的时候，该计数-1，当计数变为0的时候，说明无法访问该值了，垃圾回收机制清除该对象
缺点： 当两个对象循环引用的时候，引用计数无计可施。如果循环引用多次执行的话，会造成崩溃等问题。所以后来被标记清除法取代。
三、浅拷贝和深拷贝
1、浅拷贝
只会对对象本身进行复制，不会复制对象中的属性（或元素），对象与被复制的对象指向的还是同一个内存地址。
数组方法：
-
.slice()
-
...展开运算符
对象方法：
-
Object.assign(目标对象, 被复制的对象)
-
...展开运算符
- Object.assign({}, obj1)
2、深拷贝
深拷贝指不仅复制对象本身，还复制对象中的属性和元素
方法：
-
structuredClone() 浏览器提供
-
JSON.parse(JSON.stringify(obj))
手写深拷贝： 见 =》
四、为什么JS是单线程
因为JS里面有可视的Dom，如果是多线程的话，这个线程正在删除DOM节点，另一个线程正在编辑Dom节点，导致浏览器不知道该听谁的
五、Promise 的原理
六、宏任务和微任务都有哪些
- 宏任务：
script、setTimeOut、setInterval、setImmediate - 微任务:
promise.then、process.nextTick、Object.observe、MutationObserver - 注意：Promise是同步任务
七、宏任务和微任务都是怎样执行
- 执行宏任务script，
- 进入script后，所有的同步任务主线程执行
- 所有宏任务放入宏任务执行队列
- 所有微任务放入微任务执行队列
- 先清空微任务队列，
- 再取一个宏任务，执行，再清空微任务队列
- 依次循环
八、变量和函数怎么进行提升的？优先级是怎么样的？
- 对所有函数声明进行提升（除了函数表达式和箭头函数），引用类型的赋值
- 开辟堆空间
- 存储内容
- 将地址赋给变量
- 对变量进行提升，只声明，不赋值，值为
undefined
九、var let const 有什么区别
var
- var声明的变量可进行变量提升，let和const不会
- var可以重复声明
- var在非函数作用域中定义是挂在到window上的
let
- let声明的变量只在局部起作用
- let防止变量污染
- 不可在声明
const
- 具有let的所有特征
- 不可被改变：不可改变只适用于直接地址。如果使用const声明的是对象的话，是可以修改对象内部的值的
十、模块化
1、为什么要使用模块化
- 防止命名冲突
- 更好的分离，按需加载
- 更好的复用性
- 更高的维护性
2、实现模块化的方法
早期：命名空间、闭包
现在：CommonJS、AMD模块、ES6模块
十一、exports和module.exports有什么区别
- 导出方式不一样
exports.xxx='xxx'module.export = {}
exports是module.exports的引用，两个指向的是用一个地址，而require能看到的只有module.exports
十二、ESM 和 commonjs 的区别
- commonjs 是运行时加载 ；ESM 是编译时加载
- commonjs 是同步加载模块；ESM 是异步加载模块
- commonjs 是对值的浅拷贝；ESM 是对值的引用，而且不可修改（直接地址不可修改，类似于 const）
十三、Commonjs、AMD、CMD、UMD、ESM 都有什么区别
1、Commonjs：是同步执行的，不适合前端，后端 nodejs 可以使用 commonjs。
2、AMD/CMD/UMD 适用前端 ，异步执行。
3、ESM使用 export 、 export default 来导出模块，使用 import 来引入模块
4、AMD 和 CMD 的差别是
AMD 是依赖前置（把依赖放在前面）、提前执行（即使没有用到某个模块，也会提前执行）
CMD依赖就近、延时执行（用到的时候在声明依赖）
十四、require 和 import的区别
调用时机
- require 是运行时调用，所以其实是可以放在任何地方的
- Import 是编译时调用，所以必须放在文件的开头
使用时
- require 需要使用 module.exports = fs 或者exports.fs = xxx
- import 用 export default 或 export const xx
解构赋值
- require 是赋值的过程
- import 是解构的过程
十五、箭头函数和普通函数的区别
- 箭头函数是普通函数的简写，但是它不具备很多普通函数的特性
- 箭头函数的this指向它定义时所在的对象，而不是调用它的对象
- 不会进行函数提升
- 没有arguments对象，不能使用arguments，如果要获取参数的话可以使用rest运算符
- 没有yield属性，不能作为生成器Generator使用
十六、箭头函数可以当做构造函数 new 吗
不能new。因为：没有自己的this，不能调用call和apply。没有prototype，new关键字内部需要把新对象的_proto_指向函数的prototype。