JavaScript 高频面试题手写解析，让你轻松应对！

2023-12-03 21:03:49

在 JavaScript 的面试中，经常会遇到手写题，这些题目通常要求面试者能够在白板上或代码编辑器中写出完整的代码。为了帮助你更好地准备面试，本文总结了 JavaScript 中一些高频面试题，并提供了详细的解析和示例代码。

1. 什么是闭包？

闭包是指能够访问其他函数内部变量的函数。在 JavaScript 中，闭包是通过嵌套函数实现的。内部函数可以访问外部函数的所有变量，即使外部函数已经返回。

function outer() {
  var a = 10;

  function inner() {
    console.log(a); // 10
  }

  return inner;
}

var innerFunc = outer();
innerFunc(); // 10

在上面的示例中，函数 inner 是一个闭包，它可以访问外部函数 outer 的变量 a，即使函数 outer 已经返回。

2. 什么是 `this`？

this 是 JavaScript 中的一个特殊变量，它指向当前正在执行的函数或方法所属的对象。this 的值取决于函数或方法的调用方式。

当函数作为对象的方法调用时，this 指向该对象。
当函数作为独立函数调用时，this 指向全局对象（在浏览器中是 window 对象）。
当函数使用 bind() 方法绑定到一个对象时，this 指向该对象。

// 对象方法
var person = {
  name: 'John',
  greet: function() {
    console.log('Hello, ' + this.name + '!');
  }
};

person.greet(); // Hello, John!

// 独立函数
function greet() {
  console.log('Hello, ' + this.name + '!');
}

greet(); // Hello, undefined!

// 绑定函数
var boundGreet = greet.bind(person);
boundGreet(); // Hello, John!

3. 什么是原型继承？

原型继承是指通过一个对象（称为原型对象）来创建新对象。新对象继承了原型对象的所有属性和方法。在 JavaScript 中，原型继承是通过 __proto__ 属性实现的。

// 原型对象
var Person = {
  name: 'John',
  greet: function() {
    console.log('Hello, ' + this.name + '!');
  }
};

// 通过原型继承创建新对象
var john = Object.create(Person);

john.greet(); // Hello, John!

在上面的示例中，john 对象继承了 Person 原型对象的所有属性和方法。

4. 什么是事件循环？

事件循环是 JavaScript 中用来处理事件的一种机制。当一个事件发生时，它会被添加到事件队列中。事件循环会不断地从事件队列中取出事件并执行它们。

// 添加事件到事件队列
document.addEventListener('click', function() {
  console.log('Click!');
});

// 事件循环会不断地从事件队列中取出事件并执行它们
while (true) {
  var event = eventQueue.pop();
  if (event) {
    event();
  }
}