现在请你告诉我,你究竟为了我哪一点坏处而开始爱起我来呢? --- 威廉·莎士比亚
本附录中,我们会展示JS一些有问题的特性,但我们很容易就能避免它们。通过这些简单的做法,你就可以使JS成为一门更好的语言,也让你自己成为一个更好的程序员。
1. ==
==、!= 和 ===、!==
2. with语句
with语句在JS中存在,本身就严重影响了JS处理器的速度,因为它阻止了变量名的词法作用域绑定。它的本意是好的,但如果没有它,JS语言会更好一点。
3. eval
eval 函数传递一个字符串给JS编译器,并且执行其结果。
使用eval
(1)形式的代码会更加难以阅读。这种形式将使得性能显著降低,以为它须运行编译器,但也许只是为了执行一个微不足道的赋值语句。
(2)eval函数还减弱了你的应用的安全性,因为它给被求值的文本授予了太多的权力。就像with语句执行的方式一样,它降低了语言的性能。
(3)eval还有个很大的问题,在eval中定义的变量,会被全局访问到。会造成全局变量污染。
4. continue 语句
移除continue语句,性能改善。
5. switch 贯穿
千万记住要使用break来中断流程。
6. 缺少块语句
比如:
if (ok)
t = true;
advance();
看起来,他想要这样:
if (ok) {
t = true;
advance();
}
但实际上它本意是:
if (ok) {
t = true;
}
advance();
所以,要严格遵守规范,禁止省略代码块。
7. function 语句对比函数表达式
function 语句在解析时会发生被提升的情况。这意味着不管 function 被放置在哪里,它会被移动到被定义时所在作用域顶层。
这放宽了函数必须先声明后使用的要求,这样会导致混乱。
在if 语句中使用function语句也是被禁止的。
理由如下:
我们先来看一段代码:
console.log(typeof foo);
function foo(){ return 1; }
console.log(typeof foo);
上面这段代码在各个浏览器中有一样的结果:"function"、"function"。
这是没有浏览器差异的行为,原因是函数声明提升(Function Declaration Hoisting)
console.log(typeof foo);
if (true) {
function foo(){
return 1;
}
}
console.log(typeof foo);
上面这段代码在Gecko引擎中打印"undefined"、"function";而在其他浏览器中则打印"function"、"function"。
原因在于Gecko加入了ECMAScript以外的一个feature:条件式函数声明。
条件式函数声明跟函数表达式的处理方式一样。因此,条件式函数声明丧失了函数声明提升的特性。
基于以上原因,请不要在你的代码里将函数声明嵌套在条件语句内。
8. 类型的包装对象
不要使用new Boolean,new Number或new String。
也请避免使用 new Object 和 new Array,可使用{} 和 []来代替
9. new
打算与 new 结合使用的函数应该命名为首字母大写的形式,并且首字母大写的形式应该只用来命名那些构造函数
一个更好的策略是根本不去使用 new 。
10. void
在JS中,void是一个运算符,它接受一个运算符并返回undefined。这没什么用,而且会使人迷惑,应该避免使用它。