JavaScript中的链接方法调用

在JavaScript中,有时我们可以链接方法调用,如下所示:

car.start().drive()

这样做非常方便。

而不是写

car.start()
car.drive()

我们可以简化一线。

如果每种方法都返回对象本身,则可能发生这种情况。换句话说,实现必须是这样的:

const car = {
  start: function() {
    console.log('start')
    return this
  },
  drive: function() {
    console.log('drive')
    return this
  }
}

请务必注意,您不能使用箭头功能,因为this在用作对象方法的箭头函数中,未绑定到对象实例。

我喜欢一直使用箭头功能,这是您无法使用的情况之一。

当您不从方法中返回一组值时,链接方法调用非常有用,否则显然您需要将方法调用分配给变量,并且无法链接:

const result = car.start()
if (result) {
  car.drive()
}

免费下载我的JavaScript初学者手册


更多js教程: