点击这里给我发消息 点击这里给我发消息

JavaScript语法中12个需要绕开的陷阱

添加时间:2013-12-7
    相关阅读: 设计 网络 程序 JavaScript 网站

  本文节选自阮一峰的网络日志http://www.ruanyifeng.com/blog/,原文标题为《12种不宜使用的Javascript语法》。原文是阮一峰对《Javascript语言精粹》一书的读后感。该书的作者是Douglas Crockford,他是目前世界上最精通Javascript的人之一,也是Json格式的创造者。他认为Javascript有很多糟粕。因为1995年Brendan Eich设计这种语言的时候,只用了三个月,很多语言特性没有经过深思熟虑,就推向了市场。结果等到人们意识到这些问题的时候,已经有100万程序员在使用它了,不可能再大幅修改语言本身了。所以,Douglas Crockford决定,他要告诉大家,Javascript中哪些部分是精粹,哪些部分是糟粕和鸡肋。阮一峰将书中附录的12种应该避免的JavaScript语法在文中贴出共享,内容如下:

  1. ==

  Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。

  请尽量不要使用前一组,永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。如果你不相信的话,请回答下面五个判断式的值是true还是false:

  1.false == 'false'

  2.

  3.false == undefined

  4.

  5.false == null

  6.

  7.null == undefined

  8.

  9.0 == ''

  10.

  前三个是false,后两个是true。

  2. with

  with的本意是减少键盘输入。比如

  11.obj.a = obj.b;

  12.

  13.obj.c = obj.d;

  14.

  可以简写成

  15.with(obj) {

  16.a = b;

  17.c = d;

  18.}

  19.

  但是,在实际运行时,解释器会首先判断obj.b和obj.d是否存在,如果不存在的话,再判断全局变量b和d是否存在。这样就导致了低效率,而且可能会导致意外,因此最好不要使用with语句。

  3. eval

  eval用来直接执行一个字符串。这条语句也是不应该使用的,因为它有性能和安全性的问题,并且使得代码更难阅读。

  eval能够做到的事情,不用它也能做到。比如

  20.eval("myValue = myObject." + myKey + ";");

  21.

  可以直接写成

  22.myValue = myObject[myKey];

  23.

  至于ajax操作返回的json字符串,可以使用官方网站提供的解析器json_parse.js运行。

  4. continue

  这条命令的作用是返回到循环的头部,但是循环本来就会返回到头部。所以通过适当的构造,完全可以避免使用这条命令,使得效率得到改善。

  5. switch 贯穿

  switch结构中的case语句,默认是顺序执行,除非遇到break,return和throw。有的程序员喜欢利用这个特点,比如

  24.switch(n) {

  25.case 1:

  26.case 2:

  27.break;

  28.}

  29.

  这样写容易出错,而且难以发现。因此建议避免switch贯穿,凡是有case的地方,一律加上break。

  30.switch(n) {

  31.case 1:

  32.break;

  33.case 2:

  34.break;

  35.}

  36.

  6. 单行的块结构

  if、while、do和for,都是块结构语句,但是也可以接受单行命令。比如

  37.if (ok) t = true;

  38.

  甚至写成

  39.if (ok)

  40.t = true;

  41.

  这样不利于阅读代码,而且将来添加语句时非常容易出错。建议不管是否只有一行命令,都一律加上大括号。

  42.if (ok){

  43.t = true;

  44.}

  45.

[1] [2] 下一页

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册