与JavaScript新人共同分享实用经验(4)

http://www.itjxue.com 2015-08-06 23:11 来源:未知 点击次数:

13. 使用 {}，而不用New Object()

在JavaScript有多种方式能新建对象。最传统的方法是 new 语句，如下：

var o = new Object();
o.name = 'Jeffrey';
o.lastName = 'Way';
o.someFunction = function() {
   console.log(this.name);
}

不过，这一方法读起来却比较糟糕。我强烈建议你采用下面这种在文字样式上更为强健的写法：

更好的写法：

var o = {
   name: 'Jeffrey',
   lastName = 'Way',
   someFunction : function() {
      console.log(this.name);
   }
};

注意，如果你想新建一个空对象，用 {} 就能行：

var o = {};

“对象字面符(Objects literals)帮助我们写出支持很多特性，同时又关联性强、简明直接的代码。没必要直接调用新建语句，然后再费心维护声明变量和传递变量的语句之间的正确顺序，等等。” – dyn-web.com

14. 使用[]，而不用New Array()

新建数组时的同类型运用。

行得通的写法：

var a = new Array();
a[0] = "Joe";
a[1] = 'Plumber';

更好的写法：

var a = ['Joe','Plumber'];

“在JavaScript编程中经常遇到的一个错误是，该用数组时却用了对象，该用对象时却用了数组。规则其实很简单：当属性名是小的连续整数时，你应该使用数组。其他情况，使用对象。” – Douglas Crockford

15. 一长列变量声明？别写那么多var，用逗号吧

var someItem = 'some string';
var anotherItem = 'another string';
var oneMoreItem = 'one more string';

更好的写法：

var someItem = 'some string',
    anotherItem = 'another string',
    oneMoreItem = 'one more string';

…不言自明。我不知道这样做能否提升代码执行速度，但是确实让你的代码干净许多。

相关Javascript/Ajax文章