function defer(f, ms) {
return function() {
// 由于箭头函数没有this,所以这个地方的 this 指代return function
// 箭头函数也没有 arguments,所以这里 arguments 指代 return function 的参数
// 在这里 f.apply() 的意思就是在调用f的时候改变其上下文环境为指定的 this
setTimeout(() => f.apply(this, arguments), ms)
};
}
function sayHi(who) {
alert('Hello, ' + who);
}
let sayHiDeferred = defer(sayHi, 2000);
sayHiDeferred("John"); // 2 秒后显示:Hello, John
如果不使用箭头函数的话,就得使用额外的变量来保存函数执行的上下文和参数
function defer(f, ms) {
return function(...args) {
let ctx = this;
setTimeout(function() {
return f.apply(ctx, args);
}, ms);
};
}