javascript编程风格(粗略笔记)

1、空格

  紧凑型:
    project.MyClass = function(arg1, arg2){
  松散型:
    for( i = 0; i < length; i++ ){

2、代码行长度
  最多80个字符

3、命名: 采用驼峰式方法命名(开始的第一个单词小写,之后的所有单词首字母大写)
  var bankAccount = $(this);
  关键字形式的函数命名:
  function isReady()
  function setName()
  function getName()

4、常量全用大写
  var SECOND = 1000;

5、等式应该用全等于“===”
  if(a === '')

6、条件语句
  var isDisabled = (node.enable || node._id)
  if(isDisabled){
    // ...
  }

7、函数的行数
  尽量限制在10行以内

8、return语句
  正确:
  function isArray(){
    var len = array.length;
    if(len < 0){
      return false;
    }
    if(len > 100){
      return false;
    }
  return true;
}

错误:
function isPercentage(val) {
  if(val >= 0){
    if(val < 100){
      return true;
    }else{
      return false;
    }
  }else{
    return false;
  }
}

9、全局变量
  不要使用全局变量。全局变量命名冲突难以调试,尤其在合并代码或者共
  享共用javascript代码时易发冲突。而且不应该使用隐式全局变量。

  调试代码风格的工具:jsHint
  http://www.jshint.com/

参考资料:

  一些达成共识的JavaScript编码风格约定
  http://www.csdn.net/article/2013-07-11/2816196-javascript-code-style-guide

  Google JavaScript代码风格指南(待读。。。温故而知新)
  http://chajn.org/jsguide/javascriptguide.html

 

二次总结:

翻译:谷歌HTML、CSS和JavaScript风格规范 « 张鑫旭-鑫空间-鑫生活

http://www.zhangxinxu.com/wordpress/2012/07/google-html-css-javascript-style-guides/

豆瓣Javascript代码风格规范

https://docs.google.com/document/pub?id=17ICSeE4Qd04-1U-pphmKCAmfgJGEVjqDellbu4oAiqU

《编写可维护的JavaScript》读书笔记1:编程风格

http://qczhang.blog.51cto.com/6094768/1341348

posted @ 2014-03-04 01:08  windrainpy-前端开发  阅读(310)  评论(0编辑  收藏  举报