早该知道的7个JavaScript技巧

我写JavaScript代码已经很久了，都记不起是什么年代开始的了。对于JavaScript这种语言近几年所取得的成就，我感到非常的兴奋；我很幸运也是这些成就的获益者。我写了不少的文章，章节，还有一本专门讨论它的书，然而，我现在依然能发现一些关于这种语言的新知识。下面的描述的就是过去让我不由得发出“啊！”的感叹的编程技巧，这些技巧你应该现在就试试，而不是等着未来的某个时候偶然的发现它们。

简洁写法

JavaScript里我最喜欢的一种东西就是生成对象和数组的简写方法。在过去，如果你想创建一个对象，你需要这样：

rush:js;"> var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4;

下面的写法能够达到同样的效果：

rush:js;"> var car = { colour:'red',wheels:4,hubcaps:'spinning',age:4 }

简单多了，你不需要反复使用这个对象的名称。这样 car 就定义好了，也许你会遇到 invalidUserInSession 的问题，这只有你在使用IE时会碰到，只要记住一点，不要右大括号前面写逗号，你就不会有麻烦。

另外一个十分方便的简写是针对数组的。传统的定义数组的方法是这样：

rush:js;"> var moviesThatNeedBetterWriters = new Array( 'Transformers','Transformers2','Avatar','IndianaJones 4' );

简写版的是这样：

rush:js;"> var moviesThatNeedBetterWriters = [ 'Transformers','IndianaJones 4' ];

对于数组，这里有个问题，其实没有什么图组功能。但你会经常发现有人这样定义上面的 car ，就像这样

rush:js;"> var car = new Array(); car['colour'] = 'red'; car['wheels'] = 4; car['hubcaps'] = 'spinning'; car['age'] = 4;

数组不是万能的；这样写不对，会让人困惑。图组实际上是对象的功能，人们混淆了这两个概念。

另外一个非常酷的简写方法是使用与三元条件符号。你不必写成下面的样子…

rush:js;"> var direction; if(x < 200){ direction = 1; } else { direction = -1; } …

你可以使用三元条件符号简化它：

用 JSON 形式存储数据

在我发现JSON之前，我使用各种疯狂的方法把数据存贮在JavaScript固有的数据类型里面，例如：数组，字符串，中间夹杂着容易进行拆分的标志符号以及其它的令人讨厌的东西。Douglas Crockford 发明了JSON 之后，一切全变了。使用JSON，你可以使用JavaScript自有功能把数据存贮成复杂的格式，而且不需要再做其它的额外转换，直接可以访问使用。JSON 是 “JavaScript Object Notation” 的缩写，它用到了上面提到的两种简写方法。于是，如果你想描述一个乐队，你可能会像这样写：

rush:js;"> 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的返回值形式。我们把这称作 JSON-P ，很多的API都使用这种形式。 你可以调用一个数据提供源，在script代码里直接返回 JSON-P 数据：

rush:js;">

IoUs">