[TS LeetCode 筆記] 2637. Promise Time Limit

原題目:

Given an asynchronous function fn and a time t in milliseconds, return a new time limited version of the input function. fn takes arguments provided to the time limited function.

The time limited function should follow these rules:

• If the fn completes within the time limit of t milliseconds, the time limited function should resolve with the result.
• If the execution of the fn exceeds the time limit, the time limited function should reject with the string "Time Limit Exceeded".

題目知識點:

1. 異步編程概念： 考題要求理解和應用異步函數，這意味著你需要知道如何處理非同步操作，以確保代碼不會在等待操作完成時被阻塞。
2. Promise 使用： 你需要了解 JavaScript 中的 Promise 如何工作，包括如何創建、解析、拒絕和處理 Promise。在這個題目中，你需要處理成功的 Promise 和被拒絕的 Promise。
3. 計時器函數： 你需要了解 JavaScript 中的 setTimeout 和 clearTimeout 函數，以設定和取消計時器。這是用來確保異步操作在指定時間內完成的重要工具。
4. 函數參數和引數： 題目要求你將一個函數 fn 以及時間限制 t 作為參數，然後使用這些參數來創建新的時間限制版本的函數。你需要了解如何在函數中處理這些引數。
5. 錯誤處理： 這個題目要求你處理可能出現的錯誤，並返回指定的錯誤消息。你需要知道如何使用 try...catch 來處理可能的錯誤情況。

總結來說，這個題目主要測試你對異步編程、Promise、計時器函數和函數引數的理解和應用，以及你的錯誤處理能力。

先備知識：

• setTimeout 和 clearTimeout： setTimeout 是 JavaScript 中的函數，它允許我們在一定的時間後執行指定的程式碼。clearTimeout 用於取消計時器。
• Promise.race： Promise.race 是 Promise 的一個方法，它可以同時監控多個 Promise，並在其中任何一個 Promise 完成時返回該 Promise 的結果。

應用情境：

這段程式碼適用於網頁頁面開發中的各種場景，以下是一些實際例子：

• 網頁請求超時控制： 在網頁應用程式中，當我們向伺服器發送網絡請求時，我們希望確保請求不會花費太長時間。這段程式碼可以用來設定一個時間限制，如果網絡請求在指定時間內未完成，它將立即返回一個錯誤，以確保用戶體驗不會受到阻礙。
• 前端性能優化： 在前端開發中，我們常常需要執行一些計算或操作，以提高網頁性能。這段程式碼可用於設定最大執行時間，以確保這些操作不會對網頁的反應時間產生負面影響。
• 遊戲開發： 在線遊戲或網頁遊戲中，我們可能需要控制特定遊戲事件的執行時間。使用這段程式碼，我們可以確保這些事件不會長時間阻塞遊戲的進行。

結論：

這段程式碼提供了一個有效的方法，用於在異步操作中添加時間限制，以確保它們不會花費過長的時間。它使用了 JavaScript 中的 Promise、setTimeout 函數和 Promise.race 方法，這些都是處理異步操作時的重要工具。當需要確保操作在合理時間內完成時，這段程式碼是一個有用的工具，它提高了應用程式的可靠性和用戶體驗。

解答

type Fn = (...params: any[]) => Promise<any>;

/**
 * @param {Function} fn
 * @param {number} t
 * @return {Function}
 */
function timeLimit(fn: Fn, t: number): Fn {
    
    return async function(...args) {
        let timer: ReturnType<typeof setTimeout>;
        const timePromise: Promise<void> = new Promise<void> ((_, reject) => {
            timer = setTimeout(() => reject('Time Limit Exceeded'), t);
        })
        try {
            const result = await Promise.race([fn(...args), timePromise]);
            return result;
        } finally {
            clearTimeout(timer);
        }
    }
};