JavaScript的9个陷阱及评点

• 来自 Nine Javascript Gotchas , 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题，但注意一下，会使您的编程轻松些，即所谓make life easier. 笔者对某些陷阱会混杂一些评点。

  1.　最后一个逗号

  如这段代码，注意最后一个逗号，按语言学角度来说应该是不错的（python的类似数据类型辞典dictionary就允许如此）。IE会报语法错误，但语焉不详，你只能用人眼从几千行代码中扫描。

  <script>
    var theObj = {
          city : "Boston",
          state : "MA",
    }
  </script>

  2.　this的引用会改变

  如这段代码：

  <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”。在执行MyObject.ClickHandler时，代码中红色这行，this的引用实际上指向的是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>

  实质上，这就是JavaScript作用域的问题。如果你看过，你会发现解决方案不止一种。

  3.　标识盗贼

  在JavaScript中不要使用跟HTML的id一样的变量名。如下代码：

  <input type="button" id="TheButton">
  

• [1] [2] [3] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• JavaScript的9个陷阱及评点 相关文章：
• ·2007的网络安全焦点之终端Web安全
• ·网站排名中关于做SEO注意的几点
• ·多亮点极速 新版极速浏览器试用
• ·网站排名中关于做SEO(搜索优化)注意的几点
• ·三维景观软件Vue 5 Esprit函数碎片节点
• ·百度的关键词排名是否会考虑站点历史因素
• ·QQ音信图标点亮的办法
• ·Windows Server 2008的十大全新亮点
• ·注意网站搜索优化SEO的点重要事项
• ·三维景观软件Vue 5 Esprit函数纹理图节点
• JavaScript的9个陷阱及评点 相关软件
• ·《古墓丽影2004黄金关卡:劳拉在电影中》难点关卡全存档
• ·转折点:自由的陨落宣传片
• ·《二十一点》棋牌试玩
• ·脂点江山
• ·《纪连海点评乾隆名臣》
• ·拐点: 近代中日博弈的关键时刻
• ·全国早餐盘点
• ·冰点的思考：像经济学家一样思考
• ·点与线（swf格式E书）
• ·洛克诺点心工厂

上一篇:总结：IE6不支持的CSS选择符

下一篇:经验：可用性第一法则，不要听用户的

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐