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

字號:


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