JavaScript初学者应注意的七个细节

小灰灰 2023-02-08 12:53 35阅读 0赞

每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。

（1）简化代码

JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的：  
var car = new Object();  
car.colour = ‘red’;  
car.wheels = 4;  
car.hubcaps = ‘spinning’;  
car.age = 4;  
下面的写法可以达到同样的效果：  
var car = \{  
colour:’red’,  
wheels:4,  
　　hubcaps:’spinning’,  
　　age:4  
\}

后面的写法要短得多，而且你不需要重复写对象名称。

另外对于数组同样有简洁的写法，过去我们声明数组是这样写的：  
var moviesThatNeedBetterWriters = new Array(  
‘Transformers’,’Transformers2’,’Avatar’,’Indiana Jones 4’  
);

更简洁的写法是：  
var moviesThatNeedBetterWriters = \[  
‘Transformers’,’Transformers2’,’Avatar’,’Indiana Jones 4’  
\];

对于数组，还有关联数组这样一个特别的东西。 你会发现很多代码是这样定义对象的：  
var car = new Array();  
car\[‘colour’\] = ‘red’;  
car\[‘wheels’\] = 4;  
car\[‘hubcaps’\] = ‘spinning’;  
car\[‘age’\] = 4;

这太疯狂了，不要觉得困惑，“关联数组”只是对象的一个别名而已。

另外一个简化代码的方法是使用三元运算符，举个例子：  
var direction;  
if(x < 200)\{  
direction = 1;  
\} else \{  
direction = -1;  
\}

我们可以使用如下的代码替换这种写法：

1 var direction = x < 200 ? 1 : -1;

（2）使用JSON作为数据格式

伟大的Douglas Crockford发明了JSON数据格式来存储数据，你可以使用原生的javascript方法来存储复杂的数据而不需要进行任何额外的转换，例如：  
var band = \{  
“name”:”The Red Hot Chili Peppers”,  
“members”:\[  
\{  
“name”:”Anthony Kiedis”,  
“role”:”lead vocals”  
\},  
\{  
“name”:”Michael ‘Flea’ Balzary”,  
“role”:”bass guitar, trumpet, backing vocals”  
\},  
\{  
“name”:”Chad Smith”,  
“role”:”drums,percussion”  
\},  
\{  
“name”:”John Frusciante”,  
“role”:”Lead Guitar”  
\}  
\],  
“year”:”2009”  
\}  
你可以使用在JavaScript中直接使用JSON，甚至作为API返回的一种格式，在许多的API中被应用，例如：

function delicious(o)\{  
var out = '

*  ';  
    for(var i=0;i