標(biāo)準(zhǔn)參考

根據(jù) ECMAScript 規(guī)范 12.1 Block 中的描述，“{ [StatementList] }”即一組大括號之間包含有一組語句，這被稱作一個“塊”（block）。

根據(jù) ECMAScript 規(guī)范 12.3 Empty Statement 中的描述，單獨(dú)一個分號“;”是一個“空語句”（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”的語法，他們有一個共同點(diǎn)：都是一個整體的語句結(jié)構(gòu)（statement）。

也就是說，在“if”和“else”之間、“do”和“while”之間、“try”和“catch”之間是不允許有其他語句存在的，包括“空語句”。

問題描述

在 IE6 IE7 IE8 中，JavaScript 代碼中語句塊結(jié)束符號“}”之后的第一個分號“;”會被忽略。

造成的影響

若在如“if”和“else”這樣的整體語句結(jié)構(gòu)之間插入一個分號“;”（即在“if”塊的結(jié)束大括號“}”之后插入一個分號“;”），則僅在 IE6 IE7 IE8 中可以正常運(yùn)行，其他瀏覽器均會在預(yù)處理期出錯而使所有代碼無法進(jìn)入解釋期，導(dǎo)致頁面中的所有 JavaScript 代碼均不會正常執(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”均為一個整體語句結(jié)構(gòu)，但他們都被一個空語句“;”給分隔開了。

以上代碼在各瀏覽器中的運(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 忽略了這個多余的“;”，使代碼能夠正常解釋，而非 IE 瀏覽器均按照規(guī)范對代碼進(jìn)行了解釋，提示錯誤。

進(jìn)一步測試如下（簡單起見，僅以“if-else”語句為例）：

if(true){

alert("IF");

};;

else{

alert("ELSE")

}

這時在所有瀏覽器中均會出現(xiàn)“語法錯誤”。

可見，IE6 IE7 IE8 僅可以忽略“}”后的第一個“;”，若“;”多于一個則在構(gòu)造語法樹時也會發(fā)生語法錯誤。1

注：

1.不說 IE6 IE7 IE8 允許在“;”的位置允許出現(xiàn)空語句，是因?yàn)橐粋€空語句和兩個空語句都會破壞代碼結(jié)構(gòu)，從測試結(jié)果看，IE6 IE7 IE8 是單純的忽略了第一個“;”而已。

解決方案

按照規(guī)范書寫正確的代碼。

更多信息請查看IT技術(shù)專欄