前端面试热点：JavaScript闭包与继承解析

"前端面试的热门问题涉及到JavaScript的多个核心概念，包括闭包、继承、异步处理、事件处理和优化技术。" 在JavaScript的世界里，闭包是一种强大的工具，它允许函数访问并操作其外部作用域内的变量，即使在其外部函数已经执行完毕后。闭包通常用于封装变量，实现数据隐私，以及在异步操作中保持状态。一个常见的闭包应用是创建具有私有变量的函数工厂。 继承是面向对象编程的关键部分，JavaScript 提供了几种实现继承的方式。原型链继承是最基础的，通过原型链使得子类可以继承父类的属性和方法。然而，这种方法不支持多继承。构造继承通过父类构造函数创建子类实例，但无法继承原型上的属性。实例继承和拷贝继承则是直接修改父类实例，而不是通过原型链。组合继承结合了构造继承和原型链继承，但它可能导致两次调用父类构造函数，造成性能损失。寄生组合继承则优化了这个问题，避免了不必要的实例创建。 处理异步回调地狱，JavaScript引入了Promise、Generator和async/await。Promise用于链式处理异步操作，Generator提供了可暂停/恢复的执行流程，而async/await则提供了一种更简洁的异步编程语法，类似于同步代码的阅读体验。 在事件处理中，事件委托是一种有效策略，它在父元素上设置事件监听器，通过事件冒泡机制处理子元素的事件。这样可以减少事件监听器的数量，尤其适用于动态添加的元素。事件的顺序通常是捕获阶段先于冒泡阶段，但通过特定的监听器配置，可以实现先冒泡后捕获。 图片的懒加载和预加载是性能优化技术。预加载会预先加载图片，使用户在需要时能快速显示；而懒加载则只在图片进入视口时才开始加载，减少了页面初次加载的时间，改善用户体验。mouseover和mouseenter事件的区别在于是否考虑子元素，前者会在移入元素或其子元素时触发，后者仅在移入元素本身时触发。 JavaScript的`n`是一个未定义的变量，这通常出现在错误信息中，表示尝试访问未声明的变量。在面试中，理解这些基本概念及其应用场景，是展示JavaScript知识深度和广度的关键。