具有多个结果的三元语句

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

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

Answer 3

如果调用的第一个函数有一个错误的返回值 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 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)