具有多个结果的三元语句

Question

我有一个函数，我在其中传递一个query字符串参数。如果查询不为空，则该函数toggleList使用 true 布尔值调用，否则使用 false。我还有一个setMovies接受数组的函数。如果查询不为空，我想执行此功能。query ? toggleList(true) : toggleList(false);if (query) {   setMovies([...movies]);}但我不能做这样的事情：query ? (toggleList(true), setMovies([...movies])) : toggleList(false);是不是不可能在三元语句的真值部分调用 2 个函数，因为这样我实现了太多的逻辑，我应该只使用普通的 if/else 语句，或者我是否遗漏了什么使得这个可能的

Answer 1

只需采取干净的方法。

toggleList(!!query);               // if query is already boolean take it without !!
if (query) setMovies([...movies]);

Answer 2

如果调用的第一个函数有一个错误的返回值 ex undefined 你可以使用 || 操作员触发它们

query ? toggleList(true) || setMovies([...movies]) : toggleList(false);

如果它是真实的，你会相应地使用 &&

query ? toggleList(true) && setMovies([...movies]) : toggleList(false);

例子：

function f1(){

  console.log("f1");

}

function f2(){

  console.log("f2");

}

function f3(){

  console.log("f3");

}

true ? f1() || f2() : f3(); // logs both f1 and f2

false ? f1() || f2() : f3(); // logs f3

Answer 3

三元运算符用于简单的一行 if/else 情况。如果您想像您的情况一样实现更复杂的逻辑，请使用标准 if/else。

Answer 4

您可以使用匿名函数调用

const func1 = a => console.log('1', a)

const func2 = b => console.log('2', b)

true

  ? (() => {

      func1('a')

      func2('b')

    })()

  : func2('c')

或者

const func1 = a => console.log('1', a)

const func2 = b => console.log('2', b)

true ? (func1(1), func2(2)) : func2(2)