不清楚 melonJS 使用回调

Question

在this melonJS tutorial 之后，我对这个回调的几种使用方式感到困惑（向下滚动到第 2 部分：加载我们的关卡，您将看到完整的代码）

// Set a callback to run when loading is complete.
me.loader.onload = this.loaded.bind(this);

我读过this tutorial on callbacks，所以我明白它们的用途……但我不明白。它说this.loaded.bind(this)

1) 第一个和第二个this 语句有什么区别

2) 做什么bind 和传递(this) 做什么？

谢谢

Answer 1

.bind(this) 设置函数的上下文

如果只设置为this.loaded，则不保留上下文

这可能更有意义

var cntx = this;
me.loader.onload = function() {
  cntx.loaded();
}

但是，在此示例中，没有参数传递给 loaded 函数。通过使用 bind 单行符，您可以保留上下文，并且您不必担心在此过程中会丢弃任何参数。

在此处了解Function.prototype.bind