编程题面试题

Mon, 01 Jan 0001 00:00:00 +0000

共 136 道编程题面试题。答案默认折叠，便于先自行作答。

1. 实现发布订阅模式

难度：2 · 类型：QA

题目要点

发布订阅模式通过事件中心解耦消息发送者与接收者，核心实现是维护事件名与回调函数列表之间的映射关系。订阅阶段注册回调函数，发布阶段遍历执行所有监听函数，取消订阅则从列表中移除对应回调。工程实践中通常会扩展一次性订阅、事件隔离等能力，但在大型应用中需要避免滥用事件总线，以免造成事件链复杂和内存管理问题。

参考答案

发布订阅模式（Publish–Subscribe Pattern）是一种典型的 消息通信模式。其核心思想是将消息的发送者（Publisher）与接收者（Subscriber）进行解耦，消息不会直接发送给某个具体对象，而是发布到一个事件或主题（Topic）上，由所有订阅该事件的监听者统一接收。

在前端应用中，这种模式常用于 组件通信、事件总线、状态变化通知、插件系统等场景。例如一个模块只负责发布事件，而其他模块只需要订阅事件即可响应变化，双方不需要知道彼此的存在。

实现发布订阅模式通常需要三个核心能力：

注册订阅（subscribe / on）
发布事件（publish / emit）
取消订阅（unsubscribe / off）

本质上可以通过维护一个 事件名 → 回调函数列表 的映射结构来实现。

一个简单实现如下：

class EventEmitter {
 constructor() {
 this.events = Object.create(null);
 }

 on(eventName, handler) {
 if (!this.events[eventName]) {
 this.events[eventName] = [];
 }
 this.events[eventName].push(handler);
 }

 emit(eventName, ...args) {
 const handlers = this.events[eventName];
 if (!handlers) return;

 handlers.forEach(fn => fn(...args));
 }

 off(eventName, handler) {
 const handlers = this.events[eventName];
 if (!handlers) return;

 this.events[eventName] = handlers.filter(fn => fn !== handler);
 }
}

使用方式如下：

编程题 on Last Stand

编程题 面试题

1. 实现发布订阅模式

题目要点

编程题面试题