javascript代码编写需要注意的代码编写需要注意的7个小细节小结个小细节小结
每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来
很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细
节,与大家分享。
1. 简化代码
JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的:
复制代码 代码如下:
<SPAN style="FONT-FAMILY: verdana, geneva">var car = new Object();
car.colour = 'red';
car.wheels = 4;
car.hubcaps = 'spinning';
car.age = 4;
</SPAN>
下面的写法可以达到同样的效果:
复制代码 代码如下:
<SPAN style="FONT-FAMILY: verdana, geneva">var car = {
colour:'red',
wheels:4,
hubcaps:'spinning',
age:4
}
</SPAN>
后面的写法要短得多,而且你不需要重复写对象名称。
另外对于数组同样有简洁的写法,过去我们声明数组是这样写的:
复制代码 代码如下:
<SPAN style="FONT-FAMILY: verdana, geneva">var moviesThatNeedBetterWriters = new Array(
'Transformers','Transformers2','Avatar','Indiana Jones 4'
);
</SPAN>
更简洁的写法是:
复制代码 代码如下:
<SPAN style="FONT-FAMILY: verdana, geneva">var moviesThatNeedBetterWriters = [
'Transformers','Transformers2','Avatar','Indiana Jones 4'
];
</SPAN>
对于数组,还有关联数组这样一个特别的东西。 你会发现很多代码是这样定义对象的:
复制代码 代码如下:
<SPAN style="FONT-FAMILY: verdana, geneva">var car = new Array();
car['colour'] = 'red';
car['wheels'] = 4;
car['hubcaps'] = 'spinning';
car['age'] = 4;
</SPAN>
这太疯狂了,不要觉得困惑,“关联数组”只是对象的一个别名而已。
另外一个简化代码的方法是使用三元运算符,举个例子:
复制代码 代码如下:
<SPAN style="FONT-FAMILY: verdana, geneva">var direction;
if(x < 200){
direction = 1;
} else {
direction = -1;
}
</SPAN>