js多条件if语句简写发生Uncaught SyntaxError: Unexpected token }

改写原生js 多条件if判断语句时，采用三元方法，发生Uncaught SyntaxError: Unexpected token }

  function compareImgSize() {
        var coverImg = document.getElementById("bgimg");
        var coverSize = getImgNaturalDimensions(coverImg);

        var coverSizeRate = coverSize[0] / coverSize[1];
        // if (coverSizeRate > 1.7){
        //     imgPosition(33);
        // }else if (coverSizeRate < 1.7 && coverSizeRate > 0.7){
        //     imgPosition(12);
        // }else if(coverSizeRate < 0.7){
        //     imgPosition(0);
        // }

        coverSizeRate > 1.7 ? imgPosition(33)
            : (coverSizeRate < 1.7 && coverSizeRate > 0.7) ? imgPosition(12)
            : coverSizeRate < 0.7 ? imgPosition(0)
17　　}

第一次以为是第16行判断结束时没有“；”，但当加入“；”时，又发生Uncaught SyntaxError: Unexpected token ;

后来补上else结束条件就解决了；如图第17行；

   function compareImgSize() {
        var coverImg = document.getElementById("bgimg");
        var coverSize = getImgNaturalDimensions(coverImg);

        var coverSizeRate = coverSize[0] / coverSize[1];
        // if (coverSizeRate > 1.7){
        //     imgPosition(33);
        // }else if (coverSizeRate < 1.7 && coverSizeRate > 0.7){
        //     imgPosition(12);
        // }else if(coverSizeRate < 0.7){
        //     imgPosition(0);
        // }

        coverSizeRate > 1.7 ? imgPosition(33)
            : (coverSizeRate < 1.7 && coverSizeRate > 0.7) ? imgPosition(12)
            : coverSizeRate < 0.7 ? imgPosition(0)
                 :imgPosition(0);

    }

总结：使用三元简写if多条件判断语句时，必须有else结束语句结束；

完整形式

if（a条件）{Something}
else if（b条件）{Something}

改为：

a条件？Something
:b条件 ? Something
:Something;

 参考：https://www.jb51.net/article/86328.htm