前端手撕代码：富途面试经验分享

最近参与富途前端岗位面试的候选人反馈，技术面主要围绕浏览器运行机制、异步编程能力和算法思维三大核心维度展开。其中最具代表性的三道手撕代码题，既考察基础理论又检验实战能力，值得前端开发者重点关注。

题目要求：预测以下代码执行结果：
“`javascript
console.log(‘script start’);
setTimeout(() => { console.log(‘setTimeout’) }, 0);
Promise.resolve().then(() => console.log(‘promise’));
console.log(‘script end’);
“`
解题要点：
1. 理解宏任务与微任务执行顺序
2. 掌握事件循环中不同队列的优先级
3. 注意async/await的语法糖实现原理

典型错误：约35%的候选人会混淆setTimeout与Promise的执行顺序，常见错误输出为：
script start → script end → setTimeout → promise

需求描述：实现红绿灯交替显示功能，要求：
绿灯亮10秒
黄灯亮2秒
红灯亮5秒
无限循环

优质解法：
“`javascript
function trafficLight() {
function showLight(color, duration) {
return new Promise(resolve => {
console.log(`${color}灯亮`);
setTimeout(() => resolve(), duration 1000);
});
}

async function run() {
while(true) {
await showLight(‘绿’, 10);
await showLight(‘黄’, 2);
await showLight(‘红’, 5);
}
}
run();
}
“`
考察重点：
异步流程控制能力
Promise与async/await的实战应用
代码可维护性设计

题目原型：LeetCode 121题变形，要求找出最佳买卖时机：
“`javascript
function maxProfit(prices) {
let minPrice = Infinity;
let maxProfit = 0;

for(let price of prices) {
minPrice = Math.min(minPrice, price);
maxProfit = Math.max(maxProfit, price minPrice);
}
return maxProfit;
}
“`
进阶考察：
1. 时间复杂度优化（要求O(n)）
2. 边界条件处理能力
3. 动态规划思想的应用

重点领域：
事件循环机制（特别关注Node.js与浏览器差异）
原型链与作用域闭包
ES6+核心特性（Proxy、Generator等）
常见设计模式应用场景