JavaScript 面试题

时间:2024-03-19 22:48:39

问题 1

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

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

问题 2

// 请解释 JavaScript 中的事件委托是什么,以及它的优势是什么
答案 2

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

问题 3

// 请解释 JavaScript 中的闭包,并说明闭包的用途和优势
答案 3

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

问题 4

// 解释什么是事件循环(Event Loop)和任务队列(Task Queue)
答案 4

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

问题 5

// 请解释什么是跨域请求,以及如何在 JavaScript 中处理跨域请求
答案 5

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

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