美文网首页
JavaScript编码风格指南:三、语句和表达式

JavaScript编码风格指南:三、语句和表达式

作者: 百度怎么用 | 来源:发表于2017-06-15 20:20 被阅读0次

在JavaScript中,诸如 if 和 for 之类的语句有两种写法,使用花括号包裹的多行代码和不使用花括号的单行代码。比如:

//不好的写法
if(condition)
    doSomething();

//不好的写法
if(condition) doSomething();

//好的写法
if(condition){
    doSomething();
}

//不好的写法
if(condition) { doSomething(); }

所有的块语句都应当使用花括号,包括:

  • if
  • for
  • while
  • do...while...
  • try...catch...finally

3.1 花括号的对齐方式

推荐将左花括号放置在语句中第一句代码的末尾

3.2 块语句间隔

推荐在做圆括号之前和又圆括号之后各放一个空格,例如:

if (condition) {
    doSomething();
}

3.3 switch语句

switch (condition) {
    case "first":
        //代码
        break; 

    case "second":
        //代码
        break; 

    case "third":
        //代码
        break; 

    default:
        //代码
}
  • case一个层级的缩进,break又一个层级的缩进。
  • 从第二个case开始,前边空一行
  • default不省略,即使没有任何执行语句

3.4 with语句

var book = {
    title : "编写可维护的JavaScript",
    author : "Nicholas C. Zakas"
};

var message = "The Book is ";

with (book) {
    message += title;
    message += " by " + author;
}

这个例子中我们分不出message到底是一个局部变量还是book的一个属性,JavaScript引擎和压缩工具也无法对这段代码进行优化,因为他们无法猜出代码的真正含义。

所以,禁止使用with语句。

3.5 for循环

for循环有两种方法可以更改执行过程,一个是break,跳出整个循环;另一个是continue,跳出当前循环。不推荐使用continue,例如:

//不推荐的写法
var values = [ 1, 2, 3, 4, 5, 6, 7 ],
    i,len;

for (i=0, len=values.length; i < len; i++ ) {
    if ( i == 2) {
        continue;
    }
    process(values[i]);
}

//推荐的替代写法
var values = [ 1, 2, 3, 4, 5, 6, 7 ],
    i,len;

for (i=0, len=values.length; i < len; i++ ) {
    if ( i != 2) {
        process(values[i]);
    }
}

3.6 for-in循环

1、for-in有一个问题,他不仅遍历对象的实例属性,同样遍历从原型链继承过来的属性。出于这个原因,使用hasOwnProperty()方法来为for-in循环过滤出实例属性,如:

var prop;

for (prop in object) {
    if(object.hasOwnProperty(prop)) {
        doSomething();
    }
}

除非你想要遍历原型链属性,可以去掉hasOwnProperty()方法,但要在注释中说明。

2、for-in是用来遍历对象的,不要用来遍历数组:

//不好的写法
var values = [ 1, 2, 3, 4, 5 ],
    i;

for (i in object) {
    process(items[i]);
}

相关文章

  • JavaScript编码风格指南:三、语句和表达式

    在JavaScript中,诸如 if 和 for 之类的语句有两种写法,使用花括号包裹的多行代码和不使用花括号的单...

  • 语法

    标签: 语法,语句,表达式,you don't know javascript 语句和表达式 “语句”和“表达式”...

  • JavaScript 编码风格指南

    写作本文旨在加深自己印象,也为了更多人的了解到JS编码风格,提高自己的编码质量想了解更多的内容请阅读《编写可维护的...

  • JavaScript编码风格指南

    首次发表在个人博客 前言 程序语言的编码风格指南对于一个长期维护的软件而言是非常重要的;好的编程风格有助于写出质量...

  • web开发技术-javascript

    快速入门JavaScript 指南中级教程高级内置对象表达式和运算符语句和声明函数ClassesErrors更多N...

  • 8. Javascript程序控制语句

    8.1 表达式语句 表达式语句是JavaScript 中最简单的语句,赋值、删除、函数调用这三类既是表达式,又是语...

  • js语句

    ,什么是javascript 语句? 表达式javascript短语,语句是javascript整句或命令,jav...

  • 13点值得注意的谷歌 JavaScript编写风格

    对于那些还不熟悉JavaScript的编写风格的人,谷歌提供了编写JavaScript的编写风格指南,谷歌风格指南...

  • 谷歌的JavaScript编写风格中 13点值得我们注意的!

    对于那些还不熟悉JavaScript的编写风格的人,谷歌提供了编写JavaScript的编写风格指南,谷歌风格指南...

  • JavaScript编码风格指南:二、注释

    2.1 单行注释 独占一行的注释,用来解释下一行代码。这行注释之前总有一个空行,且缩进层级和下一行代码保持一致。 ...

网友评论

      本文标题:JavaScript编码风格指南:三、语句和表达式

      本文链接:https://www.haomeiwen.com/subject/udvuqxtx.html