前端面试题：手写LazyMan实现sleep与eat方法

"06-手写lazyman.md" 在前端面试中，手写代码是一项重要的考核环节，因为它能展示候选人的编程基础、思维逻辑以及代码规范性。面试官通常会关注三个方面：代码规范性，确保代码整洁易读；功能完整性，检查候选人能否实现指定功能；鲁棒性，即代码对异常的处理能力。面试时，带上自己的电脑以便于在电子设备上编写代码，有时会更方便。 题目中提到的“手写LazyMan”要求实现一个`LazyMan`类，该类有两个方法：`eat`和`sleep`，并且支持链式调用。例如： ```js const me = new LazyMan('双越'); me.eat('苹果').eat('香蕉').sleep(5).eat('葡萄'); ``` 在这个例子中，`eat`方法代表吃东西的行为，`sleep`则表示休息。`eat`方法应该打印出吃的行为，而`sleep`方法则需要模拟等待一段时间的效果。为了实现链式调用，每个方法内部需要返回`this`，使得可以连续调用其他方法。 设计`LazyMan`类的框架如下： ```js class LazyMan { private name: string; constructor(name: string) { this.name = name; } eat(x: string) { // 实现eat方法的逻辑 console.log(`${this.name} eat ${x}`); return this; // 支持链式调用 } sleep(seconds: number) { // 实现sleep方法的逻辑 // 延迟触发 } } ``` 处理`sleep`方法的逻辑需要引入任务队列的概念。当执行`eat`或`sleep`时，将相应操作放入队列。对于`sleep`，需要延迟执行队列中的下一个任务。这里可以使用异步编程来模拟等待，如使用`setTimeout`。以下是一个简化的实现思路： 1. 初始化一个任务队列。 2. 在`eat`和`sleep`方法中，将执行函数添加到队列。 3. 对于`sleep`方法，设置一个定时器，在指定时间后触发队列中的下一个任务。 4. 使用`Promise`或者回调函数来处理异步操作，确保任务按照队列顺序执行。 总结关键知识点： - **链式调用**：通过在方法末尾返回`this`，可以实现对象方法之间的连续调用，使代码更加简洁。 - **任务队列**：用于存储需要按顺序执行的操作，这里包括`eat`和`sleep`方法的执行逻辑。 - **延迟触发**：在`sleep`方法中，利用`setTimeout`或其他异步机制，模拟等待一段时间后再执行后续任务。 这样的设计不仅能满足面试中的需求，也符合实际开发中的异步处理逻辑，展现出良好的编程技巧和问题解决能力。在实际的面试过程中，应注重代码的可读性和可维护性，同时考虑异常情况的处理，以体现全面的编程素养。