No165.精选前端面试题，享受每天的挑战和学习

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

ES5 继承

在ES5中，可以使用原型链继承来实现对象之间的继承关系。

以下是一个示例代码：

// 父类
function Parent(name) {
  this.name = name;
}

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

// 子类
function Child(name, age) {
  // 继承父类的属性
  Parent.call(this, name);
  this.age = age;
}

// 继承父类的方法
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

Child.prototype.introduce = function() {
  console.log('I am ' + this.name + ' and I am ' + this.age + ' years old.');
};

// 创建子类实例
var child = new Child('Alice', 10);
child.greet();       // 输出：Hello, my name is Alice
child.introduce();   // 输出：I am Alice and I am 10 years old.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

在上述代码中，Parent是父类构造函数，它接受一个name参数并将其存储在this.name中。Parent.prototype.greet是父类的原型方法。

Child是子类构造函数，它接受一个name和age参数。在子类构造函数中，我们使用Parent.call(this, name)来继承父类的属性，并将子类特有的属性age存储在this.age中。

为了继承父类的方法，我们使用Object.create(Parent.prototype)创建一个新对象，使其原型指向父类的原型对象，并将该新对象赋值给子类的原型对象Child.prototype。最后，我们将子类的构造函数指向子类本身，以确保正确的构造函数引用。

通过上述设置，子类实例child继承了父类的属性和方法，并且可以调用父类和自身的方法。

请注意，这种继承方式存在一些缺点，例如不能传递参数给父类构造函数，以及原型链上的属性共享等。在ES6及更高版本中，我们有更好的继承方式，如使用class语法和extends关键字。

ES6 继承, 静态方法/属性和实例方法/属性 是什么时候挂载的

在ES6中使用class语法定义的类，继承、静态方法/属性和实例方法/属性的挂载时间有所不同。

1. 继承：类之间的继承通过extends关键字来实现。子类通过继承父类的属性和方法来扩展自身。继承是在子类定义时发生的，即在子类的类体中使用extends关键字。

class Parent {
  // 父类的定义
}

class Child extends Parent {
  // 子类继承父类
}
1
2
3
4
5
6
7

2. 静态方法/属性：静态方法/属性是定义在类本身上的，而不是类的实例上。它们在类定义期间被直接挂载在类对象上。

class MyClass {
  static staticMethod() {
    // 静态方法
  }

  static staticProperty = 'Static Property'; // 静态属性
}
1
2
3
4
5
6
7

在上面的例子中，静态方法staticMethod和静态属性staticProperty在类定义期间即被挂载在MyClass类对象上，而不是在类的实例上。

3. 实例方法/属性：实例方法/属性是定义在类的原型对象（prototype）上的，它们在类的实例化阶段通过类的构造函数的new关键字创建实例时被挂载。

class MyClass {
  instanceMethod() {
    // 实例方法
  }

  instanceProperty = 'Instance Property'; // 实例属性
}

const myInstance = new MyClass();
1
2
3
4
5
6
7
8
9

在上述代码中，实例方法instanceMethod和实例属性instanceProperty是在通过new MyClass()创建类的实例myInstance时挂载在实例上的。每个实例都会具有自己的副本。

总结：

• 继承发生在子类定义时，在类体中使用extends关键字。
• 静态方法/属性在类定义期间被直接挂载在类对象上。
• 实例方法/属性在通过类的构造函数的new关键字创建实例时被挂载在实例上。

小程序为什么会有两个线程? 怎么设计?

小程序通常采用双线程架构，其中包含两个线程：

1. 主线程（UI线程）：主线程主要用于处理用户界面的渲染、事件处理和逻辑控制等任务。它负责处理小程序的生命周期、渲染页面、响应用户输入等操作。主线程是单线程执行的，即一次只能执行一个任务，保证了小程序界面的稳定性和响应性。

2. Worker线程（后台线程）：Worker线程是一个独立的运行时环境，与主线程相互独立。它主要用于执行一些耗时的计算任务、数据处理、网络请求等操作，以免阻塞主线程的执行。Worker线程是在小程序的后台运行的，可以并发执行多个任务，提高了小程序的性能和并行处理能力。

设计小程序的双线程架构有助于提高小程序的响应性能和用户体验。主线程专注于用户界面和交互逻辑的处理，保持界面的流畅操作和实时响应。Worker线程则用于处理一些复杂的计算任务和数据处理，将耗时的操作移出主线程，避免阻塞用户界面的渲染和交互。

在设计小程序时，可以根据需求将适合在Worker线程中执行的任务分离出来，例如大数据处理、图像处理、复杂计算等。通过使用Worker线程，可以提高小程序的并行处理效率，确保主线程的畅顺运行。

需要注意的是，主线程和Worker线程之间的通信是通过消息传递机制来实现的。主线程和Worker线程之间可以相互发送消息，但不能直接共享内存。这种通信方式可以确保数据的安全性和并发性。

如果大量日志堆在内存里怎么办?

当大量日志堆积在内存中时，可以考虑采取以下策略来处理它们：

1. 分批写入磁盘：将日志分成较小的批次，逐批写入磁盘。这样可以避免一次性写入过多数据导致内存溢出的问题。可以根据日志的大小、内存限制和系统负载等因素确定适当的批次大小。

2. 异步写入：将日志写入磁盘的操作放在一个独立的线程或进程中进行异步处理。这样可以将日志写入的操作与主线程或主要逻辑解耦，避免写入操作对正常业务逻辑的影响。异步写入可以提高系统的响应性能。

3. 文件切分和归档：将日志按照一定的时间间隔或大小进行切分成不同的文件，然后进行归档存储。这样可以保持每个日志文件的大小可控，方便后续管理和查询。可以使用时间戳或序号来命名每个日志文件，便于跟踪和检索。

4. 日志压缩：考虑对日志数据进行压缩，减少占用的存储空间。压缩后的日志文件可以减少存储需求，同时可以使用解压缩方式进行查看和分析。

5. 使用日志管理工具：考虑使用专门的日志管理工具，如ELK（Elasticsearch、Logstash和Kibana）等。这类工具可以提供日志的集中存储、索引和搜索功能，方便管理和查询日志数据。

另外，为了避免大量日志堆积在内存中，还可以修改日志记录策略，只记录关键日志和错误日志，或者根据需要进行日志级别的控制，以减少日志产生的数量。同时，定期进行日志文件的清理和归档，删除过期的日志数据，从而保持存储空间的有效利用。