设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

Douglas Crockford:Javascript编程风格

2012-4-28 11:17| 发布者: joejoe0332| 查看: 5752| 评论: 0|原作者: ruanyifeng.com|来自: ruanyifeng.com

摘要: Douglas Crockford 是 Javascript 权威,Json 格式就是他的发明。   去年 11 月他有一个演讲(Youtube),谈到了好的 Javascript 编程风格是什么。   我非常推荐这个演讲,它不仅有助于学习 Javascript,而且能 ...

  六、语句的合并

  有些程序员追求简洁,喜欢合并不同目的的语句。比如,原来的语句是

a = b;

if (a) {...}

他喜欢写成下面这样:

if (a = b) {...}

虽然语句少了一行,但是可读性大打折扣,而且会造成误读,让别人误以为这行代码的意思是:

if (a === b){...}

另外一种情况是,有些程序员喜欢在同一行中赋值多个变量:

var a = b = 0;

他以为,这行代码等同于

var a = 0, b = 0;

实际上不是,它的真正效果是下面这样:

b = 0;

var a = b;

  因此,

规则8:不要将不同目的的语句,合并成一行。

  七、变量声明

  Javascript 会自动将变量声明"提升"(hoist)到代码块(block)的头部。

if (!o) {

var o = {};

}

  等同于

var o;

if (!o) {

o = {};

}

为了避免可能出现的问题,不如把变量声明都放在代码块的头部。

for (var i ...) {...}

最好写成:

var i;

for (i ...) {...,}

  因此,

规则9:所有变量声明都放在函数的头部。

规则 10:所有函数都在使用之前定义。

八、全局变量

Javascript 最大的语法缺点,可能就是全局变量对于任何一个代码块,都是可读可写。这对代码的模块化和重复使用,非常不利。

规则 11:避免使用全局变量;如果不得不使用,用大写字母表示变量名,比如 UPPER_CASE。

  九、new 命令

Javascript 使用 new 命令,从建构函数生成一个新对象。

var o = new myObject ();

这种做法的问题是,一旦你忘了加上 new,myObject ()内部的 this 关键字就会指向全局对象,导致所有绑定在 this 上面的变量,都变成全部变量。

规则 12:不要使用 new 命令,改用 Object.create ()命令。

如果不得不使用 new,为了防止出错,最好在视觉上把建构函数与其他函数区分开来。

规则 13:建构函数的函数名,采用首字母大写(InitialCap);其他函数名,一律首字母小写。

  十、自增和自减运算符

  自增(++)和自减(--)运算符,放在变量的前面或后面,返回的值不一样,很容易发生错误。

  事实上,所有的++运算符都可以用"+= 1"代替。

++x

等同于

x += 1;

代码变得更清晰了。有一个很可笑的例子,某个 Javascript 函数库的源代码中出现了下面的片段:

++x;

++x;

这个程序员忘了,还有更简单、更合理的写法:

x += 2;

因此,

规则 14:不要使用自增(++)和自减(--)运算符,用+=和-=代替。

  十一、区块

  如果循环和判断的代码体只有一行,Javascript 允许该区块(block)省略大括号。

下面的代码

if (a) b (); c ();

原意可能是

if (a) { b (); c ();}

但是,实际效果是

if (a) { b ();} c ();

因此,

规则 15:总是使用大括号表示区块。


酷毙
1

雷人

鲜花

鸡蛋

漂亮

刚表态过的朋友 (1 人)

  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部