你以为JS入门简单？重学JS揭示的面试官隐藏套路

前端

2024-02-27 01:37:30

在前端领域摸爬滚打了数年，自以为技术已经炉火纯青。然而，一场面试却将我打回了原形，让我深刻意识到自己的浅薄。

面试官抛出一个看似简单的问题：“谈谈 JavaScript 的原型链。”

我胸有成竹地答道：“原型链就是对象之间的一种继承关系，它允许子对象继承父对象的属性和方法。”

面试官微笑着点了点头，接着又问：“你能演示一下如何使用原型链吗？”

我一时语塞，支支吾吾地说不出个所以然。

面试官不疾不徐地提示道：“比如，创建一个 Person 对象，然后创建一个 Student 对象，继承 Person 对象的属性和方法。”

我绞尽脑汁，终于写出了代码：

function Person(name) {
  this.name = name;
}

Person.prototype.greet = function() {
  console.log("Hello, my name is " + this.name);
};

function Student(name, major) {
  Person.call(this, name);
  this.major = major;
}

Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;

const person = new Person("John");
const student = new Student("Jane", "Computer Science");

person.greet(); // Hello, my name is John
student.greet(); // Hello, my name is Jane

面试官满意地点了点头：“很好，你已经掌握了原型链的基本概念。”

然而，面试官接下来的问题却让我措手不及：

“你能解释一下如何使用闭包来实现单例模式吗？”

我一脸茫然，从未听说过闭包和单例模式。

面试官见我一脸疑惑，耐心解释道：“闭包是一种可以在函数外部访问内部变量的函数。单例模式是一种设计模式，它确保一个类只有一个实例。”

我如醍醐灌顶，恍然大悟。我按照面试官的提示，写出了以下代码：

const Singleton = (function() {
  let instance;

  function createInstance() {
    const object = new Object();
    return object;
  }

  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();

const instance1 = Singleton.getInstance();
const instance2 = Singleton.getInstance();

console.log(instance1 === instance2); // true