來(lái)自 Nine Javascript Gotchas , 以下是JavaScript容易犯錯(cuò)的九個(gè)陷阱。雖然不是什么很高深的技術(shù)問(wèn)題,但注意一下,會(huì)使您的編程輕松些,即所謂make life easier. 筆者對(duì)某些陷阱會(huì)混雜一些評(píng)點(diǎn)。
1. 最后一個(gè)逗號(hào)
如這段代碼,注意最后一個(gè)逗號(hào),按語(yǔ)言學(xué)角度來(lái)說(shuō)應(yīng)該是不錯(cuò)的(python的類似數(shù)據(jù)類型辭典dictionary就允許如此)。IE會(huì)報(bào)語(yǔ)法錯(cuò)誤,但語(yǔ)焉不詳,你只能用人眼從幾千行代碼中掃描。
<script> var theObj = { city : "Boston", state : "MA", } </script>
2. this的引用會(huì)改變
如這段代碼:
<input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMessage = "Javascript rules"; this.ClickHandler = function() { alert(this.alertMessage ); } }(); document.getElementById(”theText”).onclick = MyObject.ClickHandler </script>
并不如你所愿,答案并不是”JavaScript rules”。在執(zhí)行MyObject.ClickHandler時(shí),代碼中紅色這行,this的引用實(shí)際上指向的是document.getElementById("theText")的引用?梢赃@么解決:
<input type="button" value="Gotcha!" id="theText" > <script> var MyObject = function () { var self = this; this.alertMessage = “Javascript rules”; this.OnClick = function() { alert(self.value); } }(); document.getElementById(”theText”).onclick = MyObject.OnClick </script>
實(shí)質(zhì)上,這就是JavaScript作用域的問(wèn)題。如果你看過(guò),你會(huì)發(fā)現(xiàn)解決方案不止一種。
3. 標(biāo)識(shí)盜賊
在JavaScript中不要使用跟HTML的id一樣的變量名。如下代碼:
<input type="button" id="TheButton"> <script> TheButton = get("TheButton"); </script>
IE會(huì)報(bào)對(duì)象未定義的錯(cuò)誤。我只能說(shuō):IE sucks.
4. 字符串只替換第一個(gè)匹配
如下代碼:
<script> var fileName = "This is a title".replace(" ","_"); </script>
而實(shí)際上,結(jié)果是”This_is a title“. 在JavaScript中,String.replace的第一個(gè)參數(shù)應(yīng)該是正則表達(dá)式。所以,正確的做法是這樣:
var fileName = "This is a title".replace(/ /g,"_");
出處:Realazy
責(zé)任編輯:moby
上一頁(yè) 下一頁(yè) JavaScript的9個(gè)陷阱及評(píng)點(diǎn) [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|