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

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

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

正文以下

本文是第二十二届 - 前端早早聊面试方法专场，也是早早聊第 157 场，来自盒马高级专家-宗羽的分享。java

自我介绍

进入正题

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

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

相对靠谱的作法

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

笔试常见的问题

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

我认为好的笔试题

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

我经常使用的一道笔试题

很普通的一道题git

// 假设本地机器没法作加减乘除运算，须要经过远程请求让服务端来实现。
// 以加法为例，现有远程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
})
复制代码

答案一 最基本的答案，若是写不出来，那大几率是经过不了了github

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;
}
复制代码

递归版本web

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…

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

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