mirror of
				https://gitee.com/coder-xiaomo/leetcode-problemset
				synced 2025-11-04 03:33:12 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			110 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			110 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<p>现给定一个函数 <code>fn</code>,一个参数数组 <code>args</code> 和一个时间间隔 <code>t</code>,返回一个取消函数 <code>cancelFn</code>。</p>
 | 
						||
 | 
						||
<p>函数 <code>fn</code> 应该立即使用 <code>args</code> 调用,并且在每个 <code>t</code> 毫秒内再次调用,直到调用 <code>cancelFn</code>。</p>
 | 
						||
 | 
						||
<p> </p>
 | 
						||
 | 
						||
<p><strong class="example">示例 1:</strong></p>
 | 
						||
 | 
						||
<pre>
 | 
						||
<b>输入:</b>fn = (x) => x * 2, args = [4], t = 35, cancelT = 190
 | 
						||
<b>输出:</b>
 | 
						||
[
 | 
						||
   {"time": 0, "returned": 8},
 | 
						||
   {"time": 35, "returned": 8},
 | 
						||
   {"time": 70, "returned": 8},
 | 
						||
   {"time": 105, "returned": 8},
 | 
						||
   {"time": 140, "returned": 8},
 | 
						||
   {"time": 175, "returned": 8}
 | 
						||
]
 | 
						||
<strong>解释:</strong> 
 | 
						||
const result = []
 | 
						||
const fn = (x) => x * 2
 | 
						||
const args = [4], t = 35, cancelT = 190
 | 
						||
 | 
						||
const start = performance.now()
 | 
						||
 | 
						||
const log = (...argsArr) => {
 | 
						||
    const diff = Math.floor(performance.now() - start)
 | 
						||
    result.push({"time": diff, "returned": fn(...argsArr)})
 | 
						||
}
 | 
						||
 | 
						||
const cancel = cancellable(log, [4], 35);
 | 
						||
setTimeout(cancel, 190);
 | 
						||
 | 
						||
setTimeout(() => {
 | 
						||
    console.log(result) // Output
 | 
						||
 }, cancelT + t + 15) 
 | 
						||
 | 
						||
每隔 35ms,调用 fn(4)。直到 t=190ms,然后取消。
 | 
						||
第一次调用 fn 是在 0ms。fn(4) 返回 8。
 | 
						||
第二次调用 fn 是在 35ms。fn(4) 返回 8。
 | 
						||
第三次调用 fn 是在 70ms。fn(4) 返回 8。
 | 
						||
第四次调用 fn 是在 105ms。fn(4) 返回 8。
 | 
						||
第五次调用 fn 是在 140ms。fn(4) 返回 8。
 | 
						||
第六次调用 fn 是在 175ms。fn(4) 返回 8。
 | 
						||
在 t=190ms 时取消
 | 
						||
</pre>
 | 
						||
 | 
						||
<p><strong class="example">示例 2:</strong></p>
 | 
						||
 | 
						||
<pre>
 | 
						||
<b>输入:</b>fn = (x1, x2) => (x1 * x2), args = [2, 5], t = 30, cancelT = 165
 | 
						||
<strong>输出:</strong> 
 | 
						||
[
 | 
						||
   {"time": 0, "returned": 10},
 | 
						||
   {"time": 30, "returned": 10},
 | 
						||
   {"time": 60, "returned": 10},
 | 
						||
   {"time": 90, "returned": 10},
 | 
						||
   {"time": 120, "returned": 10},
 | 
						||
   {"time": 150, "returned": 10}
 | 
						||
]
 | 
						||
<strong>解释:</strong>
 | 
						||
const cancel = cancellable((x1, x2) => (x1 * x2), [2, 5], 30); 
 | 
						||
setTimeout(cancel, 165);
 | 
						||
 | 
						||
每隔 30ms,调用 fn(2, 5)。直到 t=165ms,然后取消。
 | 
						||
第一次调用 fn 是在 0ms
 | 
						||
第二次调用 fn 是在 30ms
 | 
						||
第三次调用 fn 是在 60ms
 | 
						||
第四次调用 fn 是在 90ms
 | 
						||
第五次调用 fn 是在 120ms
 | 
						||
第六次调用 fn 是在 150ms
 | 
						||
在 165ms 取消
 | 
						||
</pre>
 | 
						||
 | 
						||
<p><strong class="example">示例 3:</strong></p>
 | 
						||
 | 
						||
<pre>
 | 
						||
<b>输入:</b>fn = (x1, x2, x3) => (x1 + x2 + x3), args = [5, 1, 3], t = 50, cancelT = 180
 | 
						||
<b>输出:</b>
 | 
						||
[
 | 
						||
   {"time": 0, "returned": 9},
 | 
						||
   {"time": 50, "returned": 9},
 | 
						||
   {"time": 100, "returned": 9},
 | 
						||
   {"time": 150, "returned": 9}
 | 
						||
]
 | 
						||
<b>解释:</b>
 | 
						||
const cancel = cancellable((x1, x2, x3) => (x1 + x2 + x3), [5, 1, 3], 50);
 | 
						||
setTimeout(cancel, cancelT);
 | 
						||
 | 
						||
每隔 50ms,调用 fn(5, 1, 3)。直到 t=180ms,然后取消。
 | 
						||
第一次调用 fn 是在 0ms
 | 
						||
第二次调用 fn 是在 50ms
 | 
						||
第三次调用 fn 是在 100ms
 | 
						||
第四次调用 fn 是在 150ms
 | 
						||
在 180ms 取消
 | 
						||
</pre>
 | 
						||
 | 
						||
<p> </p>
 | 
						||
 | 
						||
<p><strong>提示:</strong></p>
 | 
						||
 | 
						||
<ul>
 | 
						||
	<li><code>fn</code> 是一个函数</li>
 | 
						||
	<li><code>args</code> 是一个有效的 JSON 数组</li>
 | 
						||
	<li><code>1 <= args.length <= 10</code></li>
 | 
						||
	<li><code><font face="monospace">30 <= t <= 100</font></code></li>
 | 
						||
	<li><code><font face="monospace">10 <= cancelT <= 500</font></code></li>
 | 
						||
</ul>
 |