三元运算符如何调用函数？

Question

给定以下代码：

const letters = ['a', 'b', 'c'];
foo = ((list, letter) => {
    if (list.includes(letter)) {
        return true;
    }
    return false;
})(letters, 'c') ? 'letter in list' : 'letter not in list';
console.log(foo);

输出将是：

letter in list

在这个例子中三元运算符是如何工作的？它是否以letters 和c 作为参数调用foo？它怎么知道调用这个函数？

Answer 1

您可以将表达式拆分为几个部分，然后分别查看：

foo = (
    (
        // Create an arrow function
        (list, letter) => {
            if (list.includes(letter)) {
                return true;
            }
            return false;
        }
    )
    // call the function
    (letters, 'c')
) /* ternary operator on call result */ ? 'letter in list' : 'letter not in list';

如果不确定，通常可以用变量替换表达式以使其更清晰：

const func = (list, letter) => {
    if (list.includes(letter)) {
        return true;
    }
    return false;
};
const callResult = func(letters, 'c');
const foo = callResult ? 'letter in list' : 'letter not in list';

大多数人甚至会说它应该使用多个变量来提高可读性。