Javascript类中的方法链[重复]

Question

我正在尝试在我的子类 "setBall"

中实现方法链接

class Ball {
  constructor(name, size, power) {
    this.name = name;
    this.size = size;
    this.power = power;
  }   
}

let Ball1 = new Ball('Bomb',5,2);
console.log(Ball1);

class setBall extends Ball{
  constructor(name, size, power) {
    super(name, size, power);
  }

  setBall.setName(name) {
    this.name = name;
  }

  setBall.setSize(size) {
    this.size = size;
  }

  setBall.setPower(power) {
    this.power = power;
  }

  get getthrowSpeed() {
    return this.size + this.power;
  }
}

let Ball2 = new setBall('Big',3,7);
console.log(Ball2);

我在控制台中测试时收到的错误是：Uncaught SyntaxError: Unexpected token .

如果我在它们之间添加 .prototype 也会发生同样的错误。 这些方法在没有 'setBall.' 的情况下工作，而不是输入：

*Ball2.setName('blue');

Ball2.setSize(2);

Ball2.setPower(3);*

我想输入： Ball2.setName('blue').setSize(2).setPower(3);

我的问题是，如何在类中链接这些方法？

Answer 1

如果您要在每个函数的末尾返回球（在您的示例 Ball2 的情况下）对象，它将起作用。您可以通过在每个函数末尾调用“return this”来链接方法来做到这一点。

您可以查看 wikipedia java 示例以了解他们如何实现它： https://en.wikipedia.org/wiki/Method_chaining