每日分享10道面试题

1.垃圾回收机制中什么是垃圾？

           答：一般来说没有被引用的对象就是垃圾（就是要被清除的），有个例外：如果几个对象相互引用形成一个环，但根访问不到他们，那么这几个对象也是垃圾

2.关于垃圾回收机制的理解？

            答：在垃圾回收机制中有一种（标记-清除和引入计数）的算法

                 （1）标记-清除：（大多数浏览器）当变量进入环境时，垃圾回收器将这个变量标记为“进入环境”。当变量离开环境时，则将其标记为“离开环境”。标记“离开环境”的就回收内存。

                    (2)引入计数：（一般是IE浏览器,不常见）引用计数的含义是跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时，则这个值的引用次数就是1。如果同一个值又被赋给另一个变量，则该值的引用次数加1.相反，如果包含对这个值引用的变量又取的了另一个值，则这个值的引用次数减1.当这个值的引用次数变成0时，则说明没有办法再访问这个值了，因而就可以将其占用的内存空间收回来。这样，当垃圾收集器下次再运行时，它就会释放那些引用次数为零的值所占用的内存。

        更多详解：https://www.cnblogs.com/mayun0504/p/10646620.html

3.什么是闭包？

           答：清晰的讲：闭包就是一个函数，能够访问另一个函数作用域的变量的函数

                                     更多详解：https://www.jianshu.com/p/26c81fde22fb

4.事件的节流（throttle）与防抖（debounce）

                          事件节流：

定义：频繁触发时间时在一定时间内只执行一次

例如：时间间隔为5秒，那么无论你有多少个操作都只会每隔5秒才会执行一次，一般可用于发送验证码（指定时间内才能重新发送）

// ==================函数节流代码示例============================
// fn是我们需要包装的事件回调, interval是时间间隔的阈值
function throttle(fn, interval) {// last为上一次触发回调的时间let last = 0// 将throttle处理结果当作函数返回return function () {// 保留调用时的this上下文let context = this// 保留调用时传入的参数let args = arguments// 记录本次触发回调的时间let now = +new Date()// 判断上次触发的时间和本次触发的时间差是否小于时间间隔的阈值if (now - last >= interval) {// 如果时间间隔大于我们设定的时间间隔阈值，则执行回调last = now;fn.apply(context, args);}}
}// 用throttle来包装scroll的回调
const better_scroll = throttle(() => console.log('触发了滚动事件'), 5000)document.addEventListener('scroll', better_scroll)

                                      函数防抖

定义：在事件停止一定时间时触发

例：设置推迟等待时间为2秒，那么当事件停止2秒后才会触发 一般用于输入框发送请求（当用户停止打字一定时间后自动发送请求）

// ==================函数防抖代码示例============================
// fn是我们需要包装的事件回调, delay是每次推迟执行的等待时间
function debounce(fn, delay) {// 定时器let timer = null// 将debounce处理结果当作函数返回return function () {// 保留调用时的this上下文let context = this// 保留调用时传入的参数let args = arguments// 每次事件被触发时，都去清除之前的旧定时器if(timer) {clearTimeout(timer)}// 设立新定时器timer = setTimeout(function () {fn.apply(context, args)}, delay)}}// 用debounce来包装scroll的回调const better_scroll = debounce(() => console.log('触发了滚动事件'), 1000)document.addEventListener('scroll', better_scroll)

5.如何理解 JS 中的this关键字？

       答：js中的this和其它OO语言中的this不大一样，JS中的this关键字由函数的调用者决定，谁调用就this就指向哪个。如果找不到调用者，this将指向windows对象

6.由于 this 关键字很混乱，如何解决这个问题？

      答：我们可以通过使用bind，call，apply函数来改变当前的this指向

7.解释一下变量的提升

       答：变量的提升是JavaScript的默认行为，这意味着将所有变量声明移动到当前作用域的顶部，并且可以在声明之前使用变量。初始化不会被提升，提升仅作用于变量的声明。

8.JavaScript中是如何处理同步和异步情况的？

        答：在JavaScript中是通过堆栈和任务队列来处理同步和异步情况的。一旦函数被调用，函数将被推入堆栈。然而，异步函数不会立即被推入调用堆栈，而是会被推入任务队列(Task Queue)，并在调用堆栈为空后执行。

9.什么是事件委托？

        答：事件委托是一种让父元素上的事件监听器也影响子元素的技巧，利用冒泡的原理，把事件加到父级上，触发执行效果。

10.解释原型继承是如何工作的？

       答：JavaScript中有一个超级对象，所有对象都将从中继承。 '__ proto__'指向的对象的Prototype内部属性。 原型(prototype )包含一个构造函数，使对象能够从中创建实例。 __proto__始终存在于对象中，并且分层指向它所属的原型，直到null，这称为原型链

更多前端知识请看这位兄弟的文章https://github.com/qq449245884/xiaozhi#前端面试系列