Цепь вызовов

У нас есть объект ladder (лестница), который позволяет подниматься и спускаться:

          let ladder = {
  step: 0,
  up() {
    this.step++;
  },
  down() {
    this.step--;
  },
  showStep: function() { // показывает текущую ступеньку
    alert( this.step );
  }
};
        

Теперь, если нам нужно выполнить несколько последовательных вызовов, мы можем сделать это так:

          ladder.up();
ladder.up();
ladder.down();
ladder.showStep(); // 1
ladder.down();
ladder.showStep(); // 0
        

Измените код методов up, down и showStep таким образом, чтобы их вызов можно было сделать по цепочке, например так:

          ladder.up().up().down().showStep().down().showStep(); // показывает 1 затем 0
        

Такой подход широко используется в библиотеках JavaScript.

Открыть песочницу с тестами для задачи.

Решение состоит в том, чтобы возвращать сам объект из каждого вызова.

let ladder = {
  step: 0,
  up() {
    this.step++;
    return this;
  },
  down() {
    this.step--;
    return this;
  },
  showStep() {
    alert( this.step );
    return this;
  }
};

ladder.up().up().down().showStep().down().showStep(); // показывает 1 затем 0

Мы также можем записать один вызов на одной строке. Для длинных цепей вызовов это более читабельно:

          ladder
  .up()
  .up()
  .down()
  .showStep() // 1
  .down()
  .showStep(); // 0
        

Открыть решение с тестами в песочнице.