TypeScript：能否在三元条件中执行多个操作？

当然可以实现！不过得先掰扯清楚：三元条件运算符本质是表达式（它必须返回一个值），而不是像if/else那样的语句，所以不能直接把多个操作丢进去就跑。但我们有几种实用的办法来达成你想要的效果：

• 用逗号运算符串联操作
  逗号运算符会依次执行每个表达式，最后返回最后一个表达式的值，刚好能满足三元运算符需要返回值的要求。记得用括号把整个分支包起来，避免优先级问题：

  const condition = true;
  const result = condition ? 
    (console.log("执行第一个操作"), console.log("执行第二个操作"), "成功结果") : 
    (console.log("执行else第一个操作"), console.log("执行else第二个操作"), "失败结果");
  

  这里两个console.log会依次执行，最后返回的字符串会赋值给result。

• 封装成函数（推荐）
  如果操作比较多或者逻辑复杂，把每个分支的操作封装成独立函数，代码会更清晰，可读性和可维护性都更强：

  const handleSuccess = () => {
    console.log("处理成功逻辑1");
    console.log("处理成功逻辑2");
    return "success";
  };
  
  const handleFailure = () => {
    console.log("处理失败逻辑1");
    console.log("处理失败逻辑2");
    return "failure";
  };
  
  const condition = false;
  const result = condition ? handleSuccess() : handleFailure();
  

  这种写法也是TypeScript项目里的最佳实践之一，逻辑拆分明确，调试起来也方便。

• 立即执行函数表达式（IIFE）
  如果你的场景不需要返回值（虽然三元运算符本来是要返回值的，但硬要这么做也可以），可以用IIFE把多个操作包起来，但这种情况其实更建议直接用if/else，语义会更直观：

  const condition = true;
  condition ? 
    (() => {
      console.log("操作1");
      console.log("操作2");
    })() : 
    (() => {
      console.log("else操作1");
      console.log("else操作2");
    })();
  

  不过还是提醒一句：如果不需要返回值，用if/else会比这种写法更易读，别为了用三元而用三元。

最后再啰嗦一句：不管用哪种方式，都要保证每个分支最后有一个合法的返回值（TypeScript的类型检查会盯着这点），不然会报错哦～

内容的提问来源于stack exchange，提问作者Jaime Still