2022前端面试题汇总（持续更新中~）(2022前端面试题及答案)

目录

1. 防抖和节流

2. js闭包

vue中的data为什么是一个函数？（面试常问）

3. ES6面试题

3.1 var let const 区别

3.2 解构 

3.3 如何利用es6快速的去重？

3.4 Promise 面试题 以下代码的执行结果是？

4. Vue相关

4.1 MVC和MVVM的区别

4.2 v-model 原理

4.3  vue中的data为什么是一个函数？（面试常问）

4.4 v-if 和 v-show的区别

4.5 v-for中为什么要有key

5. 跨域的解决方法

5.1. webpack 里的proxy

5.2. jsonp （需要后端支持 ）

5.3. webpack plugin （插件）

5.4. cors （后端解决）

6.git命令

7.get与post请求有什么区别

8. cookie、localStorage、sessionStorage的区别 

9. async 和 await 的区别

10. setTimeout 时间为0， 以及误差的原因

11. 求数组的最大值？

12. 求数组的最小值？

13. 数组去重 

14. 生成从0 到 指定数字的数组 

15. 数组求和

16. js的数据类型

17. js的变量提升

 18. this指向

19. map和forEach的区别

20. 箭头函数和普通函数的区别？

21. es6新增

22. 数组方法汇总

23. 项目性能优化方案

推荐整理分享2022前端面试题汇总（持续更新中~）(2022前端面试题及答案)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:2022前端面试题中高级,2022前端面试题 掘金,2022前端面试题 知乎,2022前端面试题卷起来,2022前端面试题 知乎,2022前端面试题汇总,2022前端面试题汇总,2022前端面试题中高级,内容如对您有帮助，希望把文章链接给更多的朋友！

防抖：触发事件后，在n秒内，事件只执行一次，如果在n秒内又触发了事件，则会重新计算函数的执行时间。

比如点击按钮，2秒后调用函数，结果在1.5秒的时候又点了，则会重新计算2秒后在调用函数。

应用场景：下拉触底加载下一页。

节流：连续发生的事件在n秒内，只执行为一次

应用场景比较多的是：搜索查询

什么是闭包：闭包就是能够读取其他函数内部变量的函数

function a() {

        let a1 = 1;

        return function() {

                return a1

        }

}

闭包存在意义：

可以延长变量的生命周期4可以创建私有的环境

闭包好处：

可以读取其他函数的内部变量

将变量始终保存在内存中

可以封装对象的私有属性和方法

坏处：消耗内存、使用不当会造成内存溢出问题

Vue 中的 data 必须是个函数，因为当 data 是函数时，组件实例化的时候这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，实例化几次就分配几个内存地址，他们的地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一个组件的状态，其它组件不变。

简单来说，就是为了保证组件的独立性和可复用性，如果 data 是个函数的话，每复用一次组件就会返回新的 data，类似于给每个组件实例创建一个私有的数据空间，保护各自的数据互不影响

var： 存在变量提升；存在变量覆盖，已经被定义且赋值的变量，如果再次被赋值，则以后一次值为准；没有块级作用域；

const：定义的是常量，