今天聊：大厂如何用一道编程题考察候选人水平

第三十届|前端早早聊大会 BFF 专场 - 玩转前后端接口（GraphQL、统一网关、API 接入、API 管理、协议转换、统一安全切面、高并发处理、可视化编排、统一稳定性建设...）8-14 全天直播，9 位讲师，报名上车看直播? )：

前端早早聊大会，与掘金联合举办。加 codingdreamer 进大会技术群，赢在新的起跑线， 所有往期都有全程录播，上手年票一次性解锁全部

正文如下

自我介绍

进入正题

面试环节对面试官的一些挑战

• 面试官和候选人的知识结构可能有差异 => 可能会错过优秀的人
• 遇到「面霸」，频繁面试刷题，但是实际能力一般 => 招到不合适的人
• 要在短短半个小时到一个小时内判断一个人，其实很难

相对靠谱的做法

• 笔试："Talk is cheap, show me the code"

笔试常见的问题

• 考通用算法，Google 能直接搜到，失去考察意义
• 题目难度设计有问题。要么满分，要么零分，可能错过还不错的同学
• 和实际工作内容脱节

我认为好的笔试题

• 上手门槛低，所有人多多少少都能写一点，不至于开天窗
• 考点多，通过一道题可以基本摸清候选人的代码综合素养
• 给高端的人有足够的发挥空间。同样的结果，不同的实现方式可以看出候选人的技术深度

我常用的一道笔试题

很普通的一道题

// 假设本地机器无法做加减乘除运算，需要通过远程请求让服务端来实现。
// 以加法为例，现有远程API的模拟实现

const addRemote = async (a, b) => new Promise(resolve => {
  setTimeout(() => resolve(a + b), 1000)
});

// 请实现本地的add方法，调用addRemote，能最优的实现输入数字的加法。
async function add(...inputs) {
  // 你的实现
}

// 请用示例验证运行结果:
add(1, 2)
  .then(result => {
    console.log(result); // 3
});


add(3, 5, 2)
  .then(result => {
    console.log(result); // 10
})

答案一 最基本的答案，如果写不出来，那大概率是通过不了了

async function add(...args) {
  let res = 0;
  if (args.length <= 2) return res;

  for (const item of args) {
    res = await addRemote(res, item);
  }
  return res;
}

递归版本

async function add(...args) {
  let res = 0;
  if (args.length === 0) return res;
  if (args.length === 1) return args[0];
  
  const a = args.pop();
  const b = args.pop();
  args.push(await addRemote(a, b));
  return add(...args);
}

常见的问题：

• 没有判断入参个数
• 仍然用了本地加法

答案二 有候选人的答案如下：

// Promise链式调用版本
async function add(...args) {
  return args.reduce((promiseChain, item) => {
    return promiseChain.then(res => {
      return addRemote(res, item);
    });
  }, Promise.resolve(0));

}

从这个实现可以看出：

• 对 Array.prototype.reduce 的掌握
• 对于 Promise 链式调用的理解
• 考察候选人对 async function 本质的理解

这个版本至少能到 70 分

答案三 之前的答案结果都是对的，但是我们把耗时打出来，可以看到耗时和参数个数成线性关系，因为所有计算都是串行的，显然不是最优的解

更好一点的答案：

function add(...args) {
  if (args.length <= 1) return Promise.resolve(args[0])
  const promiseList = []
  for (let i = 0; i * 2 < args.length - 1; i++) {
    const promise = addRemote(args[i * 2], args[i * 2 + 1])
    promiseList.push(promise)
  }

  if (args.length % 2) {
    const promise = Promise.resolve(args[args.length - 1])
    promiseList.push(promise)
  }

  return Promise.all(promiseList).then(results => add(...results));
}

可以看到很明显的优化。

答案四 还能再优化吗？ 有些同学会想到加本地缓存

const cache = {};

function addFn(a, b) {
  const key1 = `${a}${b}`;
  const key2 = `${b}${a}`;
  const cacheVal = cache[key1] || cache[key2];
  
  if (cacheVal) return Promise.resolve(cacheVal);
  
  return addRemote(a, b, res => {
    cache[key1] = res;
    cache[key2] = res;
    return res;
  });
}

加了缓存以后，我们再第二次执行相同参数加法时，可以不用请求远端，直接变成毫秒级返回

还能再优化吗？交给大家去思考

其他考察点

有些时候会让候选人将代码提交到 Github 仓库，以工作中一个实际的模块标准来开发，可以考察：

• git 操作，commit 规范
• 工程化素养
• 是否有单元测试
• 覆盖率是否达标
• 依赖的模块版本如何设置
• 如何配置 ci/cd
• 文档、注释
• ...

更加开放的一种笔试形式

• 给一道题目，让候选人建一个 Github 仓库来完成
• 题目有一定难度，但是可以 Google，也可以用三方模块，和我们平时做项目差不多
• 通常面向级别较高的候选人

实际题目

// 有一个 10G 文件，每一行是一个时间戳，
// 现在要在一台 2C4G 的机器上对它进行排序，输出排序以后的文件

// 案例输入
// 1570593273487
// 1570593273486
// 1570593273488
// …

// 输出
// 1570593273486
// 1570593273487
// 1570593273488
// …

先看一个答案，看看哪里有问题

async function sort(inputFile, outputFile) {
  const input = fs.createReadStream(inputFile);
  const rl = readline.createInterface({ input });
  const arr = [];
  for await (const line of rl) {
    const item = Number(line);
    arr.push(item);
  }
  arr.sort((a, b) => a - b);

  fs.writeFileSync(outputFile, arr.join('\n'));
}

10GB 的文件无法一次性放进内存里处理，内存只有 4GB

再看一个神奇的答案，只有一行代码，而且从结果来说是正确的。但不是我们笔试想要的答案。

const cp = require('child_process');

function sort(inputFile, outputFile) {
 cp.exec(`sort -n ${inputFile} > ${outputFile}`);
}

解题思路

• 既然没办法一次性在内存中排序，那我们能否将 10GB 的文件拆分成若干个小文件
• 小文件先分别排序，然后再合并成一个大的文件

再将问题拆解

• 拆分大文件到小文件
• 小文件在内存里排序
• 合并所有小文件成一个整体排序过的大文件

本题最难的点在于如何合并所有小文件。代码如何实现？

• 这里需要用到一种数据结构：堆
• 堆：就是用数组实现的一个二叉树
• 堆分为：最大堆和最小堆，下面是一个最小堆（父节点小于它的子节点）

堆有一些特性：

• 对于一个父节点来说
  • 左节点位置：父节点位置 * 2 + 1
  • 右节点位置：父节点位置 * 2 + 2
• 很容易查找最大值 / 最小值

我们尝试把下面数组构造成一个最小堆

• 从最后一个非叶子节点开始往前处理
• 10 比 5 大，所以交换它们的位置

• 然后是节点 2，符合要求不需要处理
• 最后到顶点 3，它比左子节点大，所以要交换

完整的实现参考：github.com/gxcsoccer/e…

介绍盒马体验技术部目前做的一些事情

1. 盒作社：多媒体创意生产平台
2. REX Design：盒马设计体系
3. 跨端（PC/Phone/Pad/POS...）
4. 高性能：相比于 Antd 提供支持虚拟滚动的表格、Tree、Select 等组件
5. 零售业特色组件：地图排线、排班、交叉表、透视表、特色可视化
6. 工业控制（AIOT 相关）：数字化养虾
7. 数盒：零售业特点的数据分析和可视化
8. ...

面试流程

推荐的书—《数据分析思维》

第三十届|前端早早聊大会 BFF 专场 - 玩转前后端接口（GraphQL、统一网关、API 接入、API 管理、协议转换、统一安全切面、高并发处理、可视化编排、统一稳定性建设...）8-14 全天直播，9 位讲师，报名上车看直播? )：