...
素材网 品牌美学馆标志
主站 营销美学 品牌设计 免费素材
871

给JavaScript新手的24条实用建议 4

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';

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

>

品牌风云最新热文

房地产的VI做起来,就像是在搞艺术 唱片封面设计 | 看得见的音乐艺术 “美味酒廊”VI设计欣赏 美学茶话:读懂齐白石的画,我放弃了画画

访问手机站
© Copyright 素材公社tooopen.com 本站部份内容收集于网络,如有侵犯您权益请告知删除| 湘ICP备11010972号-1