延时装饰器
é‡è¦ç¨‹åº¦: 5
创建一个装饰器 delay(f, ms)，该装饰器将 f çš„æ¯æ¬¡è°ƒç”¨å»¶æ—¶ ms 毫秒。
例如：
function f(x) {
alert(x);
}
// create wrappers
let f1000 = delay(f, 1000);
let f1500 = delay(f, 1500);
f1000("test"); // 在 1000ms åŽæ˜¾ç¤º "test"
f1500("test"); // 在 1500ms åŽæ˜¾ç¤º "test"æ¢å¥è¯è¯´ï¼Œdelay(f, ms) 返回的是延迟 ms åŽçš„ f çš„å˜ä½“。
在上é¢çš„代ç ä¸ï¼Œf 是å•ä¸ªå‚æ•°çš„å‡½æ•°ï¼Œä½†æ˜¯ä½ çš„è§£å†³æ–¹æ¡ˆåº”è¯¥ä¼ é€’æ‰€æœ‰å‚数和上下文 this。
解决方案：
function delay(f, ms) {
return function() {
setTimeout(() => f.apply(this, arguments), ms);
};
}
let f1000 = delay(alert, 1000);
f1000("test"); // shows "test" after 1000ms注æ„这里是如何使用ç®å¤´å‡½æ•°çš„。我们知é“，ç®å¤´å‡½æ•°æ²¡æœ‰è‡ªå·±çš„ this å’Œ arguments，所以 f.apply(this, arguments) 从包装器ä¸èŽ·å– this å’Œ arguments。
å¦‚æžœæˆ‘ä»¬ä¼ é€’ä¸€ä¸ªå¸¸è§„å‡½æ•°ï¼ŒsetTimeout 将调用它且ä¸å¸¦å‚数，并且 this=window（å‡è®¾æˆ‘们在æµè§ˆå™¨çŽ¯å¢ƒï¼‰ã€‚
我们ä»ç„¶å¯ä»¥é€šè¿‡ä½¿ç”¨ä¸é—´å˜é‡æ¥ä¼ 递æ£ç¡®çš„ this，但这有点麻烦：
function delay(f, ms) {
return function(...args) {
let savedThis = this; // å°† this å˜å‚¨åˆ°ä¸é—´å˜é‡
setTimeout(function() {
f.apply(savedThis, args); // 在这儿使用它
}, ms);
};
}