js箭头函数实现函数延迟执行

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);
  };
}
上一篇:延迟调用(defer)


下一篇:script defer async