西安市城乡建设档案馆网站产品推广词
目录
一、内存泄露
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。