標(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ī)范書(shū)寫(xiě)正確的代碼。

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