javascript - 使用三元运算符输出字符串

Question

为什么会这样

var marketName = (controller.state.operation.code === 'copy')
    ? controller.state.market.targetName
    : controller.state.market.name;

$('dd.preview-step1').html(
    'Market = <i>' 
    + marketName 
    + '</i><br />Source = <i>'
    + controller.state.source.name 
    + '</i><br />Target = <i>'
    + controller.state.target.name
    +'</i>'
);

输出这个:

Market = blabla
Source = blabla
Target = blabla

虽然这

$('dd.preview-step1').html(
    'Market = <i>'
    + (controller.state.operation.code === 'copy') 
        ? controller.state.market.targetName
        : controller.state.market.name
    + '</i><br />Source = <i>'
    + controller.state.source.name
    + '</i><br />Target = <i>'
    + controller.state.target.name 
    + '</i>'
);

只输出这个:

Market = blabla

我不明白为什么没有打印内联三元运算符之后的其余字符串。

感谢您的帮助。

Answer 1

因为它不知道 + 不是它的一部分。在三元部分周围使用 ()，以便操作顺序符合您的要求。

$('dd.preview-step1').html('Market = <i>'+ 
    ((controller.state.operation.code === 'copy') ? controller.state.market.targetName : controller.state.market.name)
     +'</i><br />Source = <i>'+ controller.state.source.name +'</i><br />Target = <i>'+ controller.state.target.name +'</i>');

请参阅我在上面第二行的开头和结尾添加的额外 ( 和 )。