ZhangYang's Blog

JavaScript语言精粹

JavaScript蝴蝶书,详细分析了Javascript中哪些部分是精粹,哪些部分是糟粕和鸡肋

列出了11种应该避免使用的Javascript语法

==

永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。

with

解释器会首先判断obj.b和obj.d是否存在,如果不存在的话,再判断全局变量b和d是否存在

这样就导致了低效率,而且可能会导致意外,因此最好不要使用with语句

1
2
3
4
5
6
7
8
obj.a = obj.b;
obj.c = obj.d;
// 可以简写成
with(obj) {
a = b;
c = d;
}

eval

eval用来直接执行一个字符串,性能差

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

1
2
3
4
eval("myValue = myObject." + myKey + ";");
// 可以直接写成
myValue = myObject[myKey];

continue

这条命令的作用是返回到循环的头部,但是循环本来就会返回到头部

避免使用这条命令,使得效率得到改善

switch 贯穿

switch结构中的case语句,默认是顺序执行,除非遇到break,return和throw

1
2
3
4
5
switch(n) {
case 1:
case 2:
break;
}

建议避免switch贯穿,凡是有case的地方,一律加上break

1
2
3
4
5
6
switch(n) {
case 1:
break;
case 2:
break;
}

单行的块结构

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

1
if (ok) t = true;

不管是否只有一行命令,都一律加上大括号

1
2
3
if (ok){
t = true;
}

++和–

递增运算符++和递减运算符–,实际上会让代码看上去更复杂,为了代码的整洁性和易读性,不用为好

位运算符

Javascript内部,所有数字都保存为双精度浮点数。如果使用它们的话,Javascript不得不将运算数先转为整数,然后再进行运算,这样就降低了速度

function语句

前一种写法会被解析器自动提升到代码的头部,因此违背了函数应该先定义后使用的要求,所以建议定义函数时,全部采用后一种写法

1
2
3
4
function foo() {}
// 等价于
var foo = function () {}

基本数据类型的包装对象

Javascript的基本数据类型包括字符串、数字、布尔值,它们都有对应的包装对象String、Number和Boolean,这样写完全没有必要

1
2
3
new String("Hello World");
new Number(2000);
new Boolean(false);

void

在Javascript中,void是一个运算符,接受一个运算数,并返回undefined,这个命令没什么用,避免使用

1
void 0; // undefined