bind 函数

bind 函数在 JavaScript 中用于创建一个新的函数，这个新函数会将 this 关键字绑定到指定的对象上。这在处理回调函数时尤其有用，因为回调函数中的 this 值可能会与期望的不一致。

用途

在 this.tick.bind(this) 中，bind 的作用是确保 tick 方法中的 this 始终指向 Ticker 类的实例，而不是被调用时的上下文。如果不使用 bind，当 tick 被作为回调函数调用（例如在 setTimeout 中）时，this 可能会指向 window 或 undefined，这取决于严格模式的设置。

示例

假设我们有以下代码：

class Example {
  constructor() {
    this.name = 'Example'
  }

  print() {
    console.log(this.name)
  }
}

const example = new Example()
setTimeout(example.print, 1000) // undefined, 因为 this 指向 window 或 undefined

在 setTimeout 中直接传递 example.print 会导致 this 丢失绑定。为了解决这个问题，我们可以使用 bind：

setTimeout(example.print.bind(example), 1000) // 'Example'

通过使用 bind，我们创建了一个新的函数，其中 this 被固定为 example 实例。因此，即使在不同的上下文中调用这个函数，它的 this 也始终指向 example。