JavaScript 面试题

问题 1

// 请解释什么是 JavaScript 中的原型继承，以及原型链的概念
1

答案 1

原型继承是 JavaScript 中实现继承的一种方式，每个对象都有一个指向另一个对象的引用，这个对象就是原型。当访问对象的属性或方法时，如果对象本身没有该属性或方法，JavaScript 引擎会沿着原型链查找直到找到为止。

问题 2

// 请解释 JavaScript 中的事件委托是什么，以及它的优势是什么
1

答案 2

事件委托是一种利用事件冒泡的机制，将事件处理程序添加到父元素而不是每个子元素上。通过在父元素上监听事件并在事件冒泡阶段判断目标元素，可以减少事件处理程序的数量，提高性能，并且适用于动态添加或移除子元素的情况。

问题 3

// 请解释 JavaScript 中的闭包，并说明闭包的用途和优势
1

答案 3

闭包是指函数与其相关的词法作用域形成的组合，可以访问外部函数作用域中的变量。闭包常用于封装变量、实现模块化、延迟执行等场景，优势包括保护变量不受外部影响、实现函数柯里化、缓存数据等。

问题 4

// 解释什么是事件循环（Event Loop）和任务队列（Task Queue）
1

答案 4

事件循环是 JavaScript 运行时环境中控制代码执行顺序的机制，确保异步操作能够按顺序执行。任务队列则是存储待执行的任务的队列，分为宏任务队列（macrotasks）和微任务队列（microtasks）。在每轮事件循环中，会依次执行宏任务队列中的任务，然后执行微任务队列中的任务，以此类推。

问题 5

// 请解释什么是跨域请求，以及如何在 JavaScript 中处理跨域请求
1

答案 5

跨域请求是指在浏览器中，使用 XMLHttpRequest 或 Fetch API 发起的请求目标与当前页面的域名、协议或端口不一致的情况。常见的处理跨域请求的方式包括：

• JSONP
• CORS（跨域资源共享）
• 代理服务器
• WebSocket
• 使用前端框架提供的跨域解决方案