欧美日韩一卡二卡三卡,一区二区三区四区精品视频,亚洲精品视频一区,日韩久久午夜影院

來(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="http://www.68design.net/Web-Guide/HTMLCSS/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="http://www.68design.net/Web-Guide/HTMLCSS/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,"_");