原題目:
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
fncompletes within the time limit oftmilliseconds, the time limited function should resolve with the result. - If the execution of the
fnexceeds the time limit, the time limited function should reject with the string"Time Limit Exceeded".
題目知識點:
- 異步編程概念： 考題要求理解和應用異步函數，這意味著你需要知道如何處理非同步操作，以確保代碼不會在等待操作完成時被阻塞。
- Promise 使用： 你需要了解 JavaScript 中的 Promise 如何工作，包括如何創建、解析、拒絕和處理 Promise。在這個題目中，你需要處理成功的 Promise 和被拒絕的 Promise。
- 計時器函數： 你需要了解 JavaScript 中的
setTimeout和clearTimeout函數，以設定和取消計時器。這是用來確保異步操作在指定時間內完成的重要工具。 - 函數參數和引數： 題目要求你將一個函數
fn以及時間限制t作為參數，然後使用這些參數來創建新的時間限制版本的函數。你需要了解如何在函數中處理這些引數。 - 錯誤處理： 這個題目要求你處理可能出現的錯誤，並返回指定的錯誤消息。你需要知道如何使用
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);
}
}
};
