将三元条件运算符转换为if语句？

Question

使用看起来像这样的缩小代码，

f&&!f.error?k.button.b==k.button.c.G?k.button.Q(b,e,f,c,d):k.button.b==k.button.c.o&&k.button.P(b,e,f,c,d):(console.error(f),f=f.error.message||chrome.i18n.getMessage("error_tooltip"),k.button.v(b.id,f),d({action:"error"}))

是否有一个自动化工具可以将一行条件运算符转换为一系列if语句？

例1：

从

(i < 0 ? function1() : function2())

至

if (i < 0) {
    function1();
} else {
    function2();
}

例2：

从

(i < 0 ? function1() : (i === 0 ? function2() : function3()))

至

if (i < 0) {
    function1();
} else {
    if (i === 0) {
        function2();
    } else {
        function3();
    }
}

Answer 1

从

f&&!f.error?k.button.b==k.button.c.G?k.button.Q(b,e,f,c,d):k.button.b==k.button.c.o&&k.button.P(b,e,f,c,d):(console.error(f),f=f.error.message||chrome.i18n.getMessage("error_tooltip"),k.button.v(b.id,f),d({action:"error"}))

至

if (f && !f.error)
{
    if (k.button.b == k.button.c.G)
    {
        k.button.Q(b, e, f, c, d)
    }
    else
    {
        k.button.b == k.button.c.o && k.button.P(b, e, f, c, d)
    }
}
else
{
    (console.error(f), f = f.error.message || chrome.i18n.getMessage("error_tooltip"), k.button.v(b.id, f), d(
    {
        action: "error"
    }))
}

使用这个（然后JSBeautifier）：

/*jslint browser: true, vars: true, white: true, maxerr: 50, indent: 4 */
(function (console)
{
    "use strict";

    function transform(string)
    {
        var questionMark = string.indexOf("?");
        var colon = string.indexOf(":", questionMark);

        if (questionMark === -1 || colon === -1)
        {
            return string;
        }

        var condition = string.substring(0, questionMark);
        var expressions = string.substring(questionMark + 1, string.length);
        var trueExpression = null;
        var falseExpression = null;

        console.log("expressions: " + expressions);

        // While looking in pairs, find the location where the colon occurs before the question mark.
        questionMark = expressions.indexOf("?");
        colon = expressions.indexOf(":");
        while ((questionMark !== -1 && colon !== -1) && (questionMark < colon))
        {
            questionMark = expressions.indexOf("?", questionMark + 1);
            colon = expressions.indexOf(":", colon + 1);
        }

        console.log("\t" + "questionMark: " + questionMark);
        console.log("\t" + "colon: " + colon);

        trueExpression = expressions.substring(0, colon);
        falseExpression = expressions.substring(colon + 1, expressions.length);

        console.log("condition: " + condition);
        console.log("trueExpression: " + trueExpression);
        console.log("falseExpression: " + falseExpression);

        console.log("-");

        return ("if (" + condition + ") {\n" + transform(trueExpression) + "\n} else {\n" + transform(falseExpression) + "\n}");
    }

    function unittest()
    {
        console.log(transform("(i < 0 ? function1() : function2())"));
        console.log("---");
        console.log(transform("i < 0 ? function1() : function2()"));
        console.log("---");
        console.log(transform("i < 0 ? function1() : i === 0 ? function2() : function3()"));
        console.log("---");
        console.log(transform("i > 0 ? i === 1 ? function1() : function2() : function3()"));
        console.log("---");
        console.log(transform("i > 0 ? i === 1 ? function1() : i === 2 ? function2() : function3() : function4()"));
        console.log("---");
        console.log(transform("i > 0 ? i === 1 ? function1() : i === 2 ? function2() : function3() : i === 0 ? function4() : function5()"));
        console.log("---");
        console.log(transform("f&&!f.error?k.button.b==k.button.c.G?k.button.Q(b,e,f,c,d):k.button.b==k.button.c.o&&k.button.P(b,e,f,c,d):(console.error(f),f=f.error.message||chrome.i18n.getMessage(\"error_tooltip\"),k.button.v(b.id,f),d({action:\"error\"}))"));
    }

    unittest();
}(window.console));

Answer 2

巴别塔 - 插件 - 转换 - 三元到的if-else

我不知道是否为时已晚，这个问题毕竟是五年之久。

我昨天遇到了完全相同的问题，并成功设置了一个babel插件，将条件表达式转换为if-else语句。 它有一个非常简单的名字： babel-plugin-transform-ternary-to-else-else

重要提示：我确实说过表达式和陈述 ，我们稍后会再回复它们。

例子

在这里，我将两个示例代码作为输入，并使用插件运行它们。

// case 0: input
(i < 0 ? function1() : function2())

// case 0: output
(function () {
  if (i < 0) {
    return function1();
  }

  return function2();
})();

// case 1: input
(i < 0 ? function1() : (i === 0 ? function2() : function3()))

// case 1: output
(function () {
  if (i < 0) {
    return function1();
  }

  return function () {
    if (i === 0) {
      return function2();
    }

    return function3();
  }();
})();

大？

你可能会想：嗯......不是那么多。 所有这些IIFE（立即调用函数表达式）有什么用？

IIFEs

实际上需要IIFE。 因为，正如我在开头所说，条件表达式是一个表达式，if语句是一个语句。

表达式可以是语句的一部分，这是肯定的。 但声明可以成为另一个声明的一部分吗？ 不，它不能，除非包裹在IIFE内 。

当然，作为一种特殊情况，一个简单的表达式语句可以用另一个if语句替换，例如a1() ? a2() : a3(); a1() ? a2() : a3(); 可以替换为if (a1()) {a2();} else {a3();} 。 但这不适用于所有情况。

所以，我们在这里，IIFEs。

未来

好消息是，当表达式提案进入ECMAScript规范时，我们将没有IIFE的冗长。

实际上， babel-plugin-syntax-do-expressions将表达式转换为条件表达式 ，这意味着它们是彼此的确切替换 。

链接

巴别塔-插件-转换-三元到的if-else

表达提案

巴贝尔-插件语法-DO表达式