JavaScript 高频面试题 2021：全面攻略闭包、原型和 ES6

2024-01-05 01:03:48

JavaScript 高频面试题 2021：破解闭包、原型和 ES6 的奥秘

作为一名冉冉升起的 JavaScript 开发者，掌握高频面试题至关重要。2021 年 JavaScript 领域的技术发展日新月异，面试官也紧跟潮流，提出了更具挑战性的问题。本文将重点关注闭包、原型和 ES6 相关的面试题，带你一一破解这些面试难关。

闭包

闭包是一种特殊的函数，它可以访问和修改其创建上下文中的变量。理解闭包对于掌握 JavaScript 的作用域规则至关重要。

问题： 解释闭包。

答案： 闭包是一种能够访问其创建上下文中的变量的函数，即使该上下文已经执行结束。这使得闭包可以在外部作用域中访问数据和函数，即使这些变量和函数已经不在该作用域中。

问题： 举一个闭包的示例。

答案：

function outer() {
  let x = 10;
  return function inner() {
    console.log(x); // 输出 10
  };
}

const innerFunc = outer();
innerFunc();

原型和原型链

原型是 JavaScript 中的对象概念，用于创建和继承对象。它定义了一个对象的公共属性和方法。

问题： 解释原型。

答案： 原型是一个对象，它包含其他对象（称为子对象）继承的共享属性和方法。当访问子对象的属性或方法时，JavaScript 会首先检查子对象中是否存在该属性或方法。如果没有，它会沿着原型链向上查找，直到找到该属性或方法。

问题： 什么是原型链？

答案： 原型链是 JavaScript 中用于查找对象属性或方法的查找路径。当访问一个对象的属性或方法时，JavaScript 会沿着原型链向上查找，直到找到该属性或方法。如果在当前对象的原型中找不到该属性或方法，则会继续向上查找其父原型的原型，依次类推。

ES6

ES6（ECMAScript 6）是 JavaScript 的重大更新，引入了许多新特性，极大地增强了语言的功能。

问题： 解释 ES6 中的类。

答案： ES6 中的类是一种语法糖，它提供了一种更简洁的方式来定义对象和继承。类允许你定义对象的行为和属性，并使用 extends 实现继承。

问题： 举一个 ES6 类继承的示例。

答案：

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`动物 ${this.name} 叫了一声！`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 调用父类构造函数
    this.breed = breed;
  }

  bark() {
    console.log(`狗 ${this.name} 叫了一声！`);
  }
}