JS面试题

霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文
由浅入深，66条JavaScript面试知识点
2020 前端面试 | 第一波面试题总结
2020 前端面试 | 第二波面试题总结

window.onload和$(document).ready()区别

$(document).ready:是DOM结构绘制完毕后就执行，不必等到加载完毕。 意思就是DOM树加载完毕，就执行，不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready。

window.onload:是页面所有元素都加载完毕，包括图片等所有元素。只能执行一次。

js延迟加载的方式

js实现延迟加载的几种方法，js的延迟加载有助与提高页面的加载速度
JS延迟加载，也就是等页面加载完成之后再加载 JavaScript 文件。
JS延迟加载有助于提高页面加载速度。

一般有以下几种方式：

defer 属性
async 属性
动态创建DOM方式
使用jQuery的getScript方法
使用setTimeout延迟方法
让JS最后加载

foreach和map的区别

forEach()返回值是undefined，不可以链式调用。
map()返回一个新数组，原数组不会改变。

异步刷新原理

数字四舍五入的方法

Math.round() 四舍五入
Math.ceil() 取大
Math.floor() 取小

for in 和for of区别

for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。 所以for in更适合遍历对象，不要使用for in遍历数组

for in 可以遍历数组和对象，遍历时只会遍历其他一般属性，不会遍历symbol属性。
for of 不能遍历对象，遍历对象时报错：TypeError: obj is not iterable ，因为对象没有Symbol.iterator属性。

原生具备iterator接口的数据(可用for of遍历)：
1、Array
2、arguments
3、set容器
4、map容器
5、String

ES6创造了一种新的遍历命令for…of循环，Iterator接口主要供for…of消费。
数据有这个方法就能用for … of , 就能使用 三点运算符

es67的新语法

函数式编程

是一种编程范式，思想是把运算过程尽量写成函数调用

纯函数

Set、WeakSet

Set本身是构造函数，用于生成set数据结构，类似于数组，成员值是唯一的、无序的；
WeakSet 存储的只能是对象（弱引用），不能遍历，可能会被垃圾回收机制回收