面試官:你能回答這兩個簡單的問題嗎

本文首發於微信公眾號：大遷世界, 我的微信：qq449245884，我會第一時間和你分享前端行業趨勢，學習途徑等等。
更多開源作品請看 GitHub https://github.com/qq449245884/xiaozhi ，包含一線大廠面試完整考點、資料以及我的系列文章。

背景

這是我的朋友在最近一次面試中被問到的兩個問題，來一起學習一下。

1. 如何防止重複傳送多個請求？

問題：

在我們的工作中，經常需要只傳送一次請求，以防止使用者重複點選。

請編寫請求方法（執行後返回 promise）並返回一個新方法。當連續觸發時，將只傳送一個請求。

事例

function firstPromise () {
  // ...Please fill in here
}
let count = 1;
let promiseFunction = () =>
  new Promise(rs =>
    window.setTimeout(() => {
      rs(count++)
    })
  )
let firstFn = firstPromise(promiseFunction)
firstFn().then(console.log) // 1
firstFn().then(console.log) // 1
firstFn().then(console.log) // 1

問題分析

與演算法問題相比，這個問題相對簡單，我們只需要使用閉包和Promise的特徵就可以完成。

function firstPromise(promiseFunction) {
  // Cache request instance
  let p = null
  return function (...args) {
    // 如果請求的例項已經存在，說明請求正在進行中，
    // 直接返回該例項，而不觸發新的請求。
    return p
      ? p
      // 否則就傳送該請求，並在Promise結束時將p設定為null，然後可以重新傳送下一個請求
      : (p = promiseFunction.apply(this, args).finally(() => (p = null)))
  }
}

測試

let count = 1
let promiseFunction = () =>
  new Promise((rs) =>
    setTimeout(() => {
      rs(count++)
    }, 1000)
  )
let firstFn = firstPromise(promiseFunction)
firstFn().then(console.log) // 1
firstFn().then(console.log) // 1
firstFn().then(console.log) // 1
setTimeout(() => {
  firstFn().then(console.log) // 2
  firstFn().then(console.log) // 2
  firstFn().then(console.log) // 2
}, 3000)

2. 兩數之和

這是力扣的第1題，請看這裡：https://leetcode.cn/problems/...

給定一個整數陣列 nums 和一個整數目標值 target，請你在該陣列中找出和為目標值 target 的那兩個整數，並返回它們的陣列下標。

你可以假設每種輸入只會對應一個答案。但是，陣列中同一個元素在答案裡不能重複出現。

你可以按任意順序返回答案。

示例 1：

輸入：nums = [2,7,11,15], target = 9
輸出：[0,1]
解釋：因為 nums[0] + nums[1] == 9 ，返回 [0, 1] 。

示例 2：

輸入：nums = [3,2,4], target = 6
輸出：[1,2]

示例 3：

輸入：nums = [3,3], target = 6
輸出：[0,1]

方法一：使用兩層 for 迴圈

我們最快想到的方式就是暴力破解，直接用 for 魯，如下：

const twoSum = (nums, target) => {
  const len = nums.length
  for (let i = 0; i < len; i++) {
    for (let j = i + 1; j < len ; j++) {
      // find the answer, return
      if (nums[ i] + nums[ j ] === target) {
        return [ i, j ]
      }
    }
  }
}

面試官表揚了她的快速回答，但他對結果並不滿意，他認為有進一步最佳化的可能。