快捷導(dǎo)航

關(guān)于JavaScript的一些看法

更新時(shí)間：2009年05月27日 17:18:00 作者：

最近在寫(xiě)一個(gè)JS代碼壓縮工具的時(shí)候，感受到JS的強(qiáng)大，同時(shí)也讓我頭疼的一陣子（誰(shuí)叫我是JS菜鳥(niǎo)）。

眾所周知，一句JS代碼以分號(hào)結(jié)束和以回車(chē)符結(jié)束在瀏覽器中均能正常運(yùn)行（至少在我的IE7中是這樣）。不知道這是JS語(yǔ)言的特性或者僅僅是解釋器的容錯(cuò)功能？由于回車(chē)符也可以是一句代碼結(jié)束的標(biāo)志，進(jìn)行JS壓縮的時(shí)候就麻煩些了。要壓縮掉所有的回車(chē)符，程序就得知道哪里是一條語(yǔ)句的結(jié)束，并在結(jié)束位置后面添加上";"。這是一件不容易的事情（或許有容易的方法我還沒(méi)想到吧），最后無(wú)賴(lài)我只好采取了一種折中的方法：保留必要的回車(chē)符，去掉";"、","、"+"等等分隔符前后的回車(chē)符。（要是JS也像C++等語(yǔ)言一樣以";"結(jié)尾，那該是多么容易的一件事情！）
在開(kāi)發(fā)的過(guò)程中，還發(fā)現(xiàn)一個(gè)比較奇怪的問(wèn)題。如下面的代碼所示：

復(fù)制代碼代碼如下:

1<body> 
2 
3<script> 
4 
5function class1(){}; 
6 
7class1.prototype.ShowMessage = function ShowMsg() 
8{ 
9 alert("ShowMsg Function!"); 
10} 
11var test = new class1(); 
12test.ShowMessage(); 
13</script> 
14 
15</body> 

上面的代碼可以正常運(yùn)行。
如果把第11行前的"\n"去掉，即程序變成：

復(fù)制代碼代碼如下:

1<body> 
2 
3<script> 
4 
5function class1(){}; 
6 
7class1.prototype.ShowMessage = function ShowMsg() 
8{ 
9 alert("ShowMsg Function!"); 
10} var test = new class1(); 
11test.ShowMessage(); 
12</script> 
13 
14</body> 

則將不能正確運(yùn)行，原因在于"= function(){...}"的"}"不能標(biāo)志語(yǔ)句塊結(jié)束。也就是說(shuō)，整個(gè)"= function(){...}"僅僅是一條語(yǔ)句，如上所述，一條語(yǔ)句必須以回車(chē)符或者";"結(jié)束。這是和C/C++等又一重大區(qū)別。
介于此，建議大家以后寫(xiě)JS代碼的時(shí)候還是在一句話(huà)后面加";"表示結(jié)束，以避免不必要的BUG。
PS:雖然JS很強(qiáng)大，但是它這些“缺點(diǎn)”真是讓我沒(méi)法喜歡上它。