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