标准参考
根据 ECMAScript 规范 12.1 Block 中的描述,“{ [StatementList] }”即一组大括号之间包含有一组语句,这被称作一个“块”(block)。
根据 ECMAScript 规范 12.3 Empty Statement 中的描述,单独一个分号“;”是一个“空语句”(EmptyStatement)。
在 ECMAScript 规范的 12.5 The if Statement、12.6.1 The do-while Statement 和 12.14 The try Statement 中,分别描述了“if-else”、“do-while”、“try-catch”的语法,他们有一个共同点:都是一个整体的语句结构(statement)。
也就是说,在“if”和“else”之间、“do”和“while”之间、“try”和“catch”之间是不允许有其他语句存在的,包括“空语句”。
问题描述
在 IE6 IE7 IE8 中,JavaScript 代码中语句块结束符号“}”之后的第一个分号“;”会被忽略。
造成的影响
若在如“if”和“else”这样的整体语句结构之间插入一个分号“;”(即在“if”块的结束大括号“}”之后插入一个分号“;”),则仅在 IE6 IE7 IE8 中可以正常运行,其他浏览器均会在预处理期出错而使所有代码无法进入解释期,导致页面中的所有 JavaScript 代码均不会正常执行。
受影响的浏览器
IE6 IE7 IE8
问题分析
运行下面三组测试代码:
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”均为一个整体语句结构,但他们都被一个空语句“;”给分隔开了。
以上代码在各浏览器中的运行结果如下:
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 浏览器均按照规范对代码进行了解释,提示错误。
进一步测试如下(简单起见,仅以“if-else”语句为例):
if(true){
alert("IF");
};;
else{
alert("ELSE")
}
这时在所有浏览器中均会出现“语法错误”。
可见,IE6 IE7 IE8 仅可以忽略“}”后的第一个“;”,若“;”多于一个则在构造语法树时也会发生语法错误。1
注:
1.不说 IE6 IE7 IE8 允许在“;”的位置允许出现空语句,是因为一个空语句和两个空语句都会破坏代码结构,从测试结果看,IE6 IE7 IE8 是单纯的忽略了第一个“;”而已。
解决方案
按照规范书写正确的代码。
中国足彩网信息请查看IT技术专栏