IE6 IE7 IE8 會(huì)忽略 JavaScript 代碼中大括號(hào)之后的第一個(gè)分號(hào)

字號(hào):


    標(biāo)準(zhǔn)參考
    根據(jù) ECMAScript 規(guī)范 12.1 Block 中的描述,“{ [StatementList] }”即一組大括號(hào)之間包含有一組語(yǔ)句,這被稱作一個(gè)“塊”(block)。
    根據(jù) ECMAScript 規(guī)范 12.3 Empty Statement 中的描述,單獨(dú)一個(gè)分號(hào)“;”是一個(gè)“空語(yǔ)句”(EmptyStatement)。
    在 ECMAScript 規(guī)范的 12.5 The if Statement、12.6.1 The do-while Statement 和 12.14 The try Statement 中,分別描述了“if-else”、“do-while”、“try-catch”的語(yǔ)法,他們有一個(gè)共同點(diǎn):都是一個(gè)整體的語(yǔ)句結(jié)構(gòu)(statement)。
    也就是說(shuō),在“if”和“else”之間、“do”和“while”之間、“try”和“catch”之間是不允許有其他語(yǔ)句存在的,包括“空語(yǔ)句”。
    問(wèn)題描述
    在 IE6 IE7 IE8 中,JavaScript 代碼中語(yǔ)句塊結(jié)束符號(hào)“}”之后的第一個(gè)分號(hào)“;”會(huì)被忽略。
    造成的影響
    若在如“if”和“else”這樣的整體語(yǔ)句結(jié)構(gòu)之間插入一個(gè)分號(hào)“;”(即在“if”塊的結(jié)束大括號(hào)“}”之后插入一個(gè)分號(hào)“;”),則僅在 IE6 IE7 IE8 中可以正常運(yùn)行,其他瀏覽器均會(huì)在預(yù)處理期出錯(cuò)而使所有代碼無(wú)法進(jìn)入解釋期,導(dǎo)致頁(yè)面中的所有 JavaScript 代碼均不會(huì)正常執(zhí)行。
    受影響的瀏覽器
    IE6 IE7 IE8
    問(wèn)題分析
    運(yùn)行下面三組測(cè)試代碼:
    if(true){
    alert("IF");
    };
    else{
    alert("ELSE")
    }
    do{
    alert("DO");
    };
    while(false);
    try{
    aler("TRY");
    };
    catch(e){
    alert("CATCH");
    }
    上面三組測(cè)試代碼中,“if-else”、“do-while”、“try-catch”均為一個(gè)整體語(yǔ)句結(jié)構(gòu),但他們都被一個(gè)空語(yǔ)句“;”給分隔開(kāi)了。
    以上代碼在各瀏覽器中的運(yùn)行結(jié)果如下:
    IE6 IE7 IE8 Firefox Chrome Safari Opera
    彈出提示框:
    “IF” syntax error:
    else { Uncaught SyntaxError:
    Unexpected token else SyntaxError:
    Parse error Syntax error:
    expected expression,
    got keyword 'else'
    彈出提示框:
    “DO” missing while
    after do-loop body Uncaught SyntaxError:
    Unexpected token ; SyntaxError:
    Parse error Syntax error:
    syntax error
    彈出提示框:
    “TRY” missing catch or finally
    after try Uncaught SyntaxError:
    Missing catch or finally after try SyntaxError:
    Parse error Syntax error:
    missing catch or finally
    clause in try statement
    可見(jiàn):IE6 IE7 IE8 忽略了這個(gè)多余的“;”,使代碼能夠正常解釋,而非 IE 瀏覽器均按照規(guī)范對(duì)代碼進(jìn)行了解釋,提示錯(cuò)誤。
    進(jìn)一步測(cè)試如下(簡(jiǎn)單起見(jiàn),僅以“if-else”語(yǔ)句為例):
    if(true){
    alert("IF");
    };;
    else{
    alert("ELSE")
    }
    這時(shí)在所有瀏覽器中均會(huì)出現(xiàn)“語(yǔ)法錯(cuò)誤”。
    可見(jiàn),IE6 IE7 IE8 僅可以忽略“}”后的第一個(gè)“;”,若“;”多于一個(gè)則在構(gòu)造語(yǔ)法樹(shù)時(shí)也會(huì)發(fā)生語(yǔ)法錯(cuò)誤。1
    注:
    1.不說(shuō) IE6 IE7 IE8 允許在“;”的位置允許出現(xiàn)空語(yǔ)句,是因?yàn)橐粋€(gè)空語(yǔ)句和兩個(gè)空語(yǔ)句都會(huì)破壞代碼結(jié)構(gòu),從測(cè)試結(jié)果看,IE6 IE7 IE8 是單純的忽略了第一個(gè)“;”而已。
    解決方案
    按照規(guī)范書寫正確的代碼。