javascript - 如何使方法链有条件？

Question

我正在使用一个名为anime.js 的动画库。我需要根据一些检查来制作有条件的链(时间线)动画。例如，这是我的时间表:

const tl = anime.timeline();
tl
  .add(animation_1)
  .add(animation_2)
  .add(animation_3);

我想要animation_1仅当变量 a是 true ，所以我

const tl = anime.timeline();
tl
  .add(animation_1) // <== I need an if(a == true) on this animation
  .add(animation_2)
  .add(animation_3);

如何使用 javascript 实现这一点，特别是在anime.js 中？

Answer 1

使用 if 语句，无需链接即可实现:

const tl = anime.timeline();

if (a) {
    tl.add(animation_1); 
}

t1.add(animation_2)
  .add(animation_3);