javascript编程风格(粗略笔记)

一、空格javascript

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

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

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

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

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

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

七、函数的行数
  尽可能限制在10行之内wordpress

八、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;
  }
}工具

九、全局变量
  不要使用全局变量。全局变量命名冲突难以调试,尤为在合并代码或者共
  享共用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

相关文章
相关标签/搜索