javascript - 使用 if else 条件在 javascript 中制作更短的代码

Question

我知道 javascript 中的三元表达式。但是我不知道如何使这段代码更短。

if (x == false) {
    x = true;
    cancelAnimationFrame(BI.req);
}
else {
    x = false;
    BI.req = requestAnimationFrame(BI.fn.animate);
}

我想我可以创建两个单独的函数并将它们与三元表达式一起使用。像这样:

function cancel() {
    x = true;
    cancelAnimationFrame(BI.req);
}
function request() {
    x = false;
    BI.req = requestAnimationFrame(BI.fn.animate);
}

x == false ? cancel() : request();

但这并没有让我觉得我真的让我的代码更短了。任何建议将不胜感激。

Answer 1

您可以使用三元函数。并使用 ! 运算符设置 x

x ? BI.req = requestAnimationFrame(BI.fn.animate) : cancelAnimationFrame(BI.req)
x = !x 

或者更短

(x = !x) ? cancelAnimationFrame(BI.req) : BI.req = requestAnimationFrame(BI.fn.animate)

问题是关于更短的代码，所以我回答了这个问题。否则你自己的代码片段就可以了，或者考虑 Nina Answers 因为这两行是完全不可读的。

你也不应该像那样使用三元运算符。当任何 block 中有两个或移动表达式时，不要使用三元运算符代替 if-else。