javascript - 在闭包中保存值(value)

Question

我有一个属性 onProgress 的对象。此属性是一个接收秒数作为参数的函数，每当我的播放器更改它的持续时间时都会调用它。我想要做的是，在此函数内，创建一个名为 oldSeconds 的属性。我想要 console.log oldSeconds 变量和 currentSeconds。在这种情况下，oldSeconds 将始终比当前秒数少 1 秒。

问题在于 oldSeconds 始终为 0，因为该函数在每次调用时都会更新其值。是否可以在函数外部不创建 oldSeconds 变量的情况下实现此目的？

对象:

var opts = {
  onProgress: function(seconds) {
    var oldSeconds = 0
    return function() {
      console.log('Seconds:', seconds, 'OldSeconds:', oldSeconds)
      oldSeconds = seconds
    }
  }
}

函数调用如下:

onProgress(1) // here oldSeconds should be 0
onProgress(2) // and here oldSeconds should be 1

编辑:

我成功了。所以函数应该像这样重写:

var opts = {
  onProgress: function() {
    var oldSeconds = 0
    return function(seconds) {
      console.log('seconds:', seconds,'oldSeconds:', oldSeconds)
      oldSeconds = seconds
    }
  }
}

var progress = opts.onProgress()
progress(1)
progress(2)

等等。

问题是我不想做

var progress = onProgress()

因为 onProgress 函数并不总是像那个函数那样的函数(它可以是通用函数)。

那么如何“检测”函数返回闭包并执行我想要的操作呢？

Answer 1

你的代码很接近，但参数在错误的地方，你错过了包装器的函数调用:

var opts = {
 onProgress: function() {
  var oldSeconds = 0
  return function(seconds) {
   console.log('Seconds:', seconds, 'OldSeconds:', oldSeconds)
   oldSeconds = seconds
  };
 }() // <-- call the wrapper function
}

现在“onProgress”属性将用调用匿名函数的结果进行初始化。该结果将是稍后作为 obj.onProgress() 调用的实际函数，因此“seconds”参数需要位于此处。