js规范

一、命名规范

  1 .变量: 小驼峰式(小写字母开始,后续每个单词首字母都大写)

  命名:前缀应当是名词。(函数的名字前缀为动词,以此区分变量和函数)

  建议:尽量在变量名字中体现所属类型,如:length、count等表示数字类型;而包含name、title表示为字符串类型。

     多个变量声明 用一个 var 即可,每个变量占一行,方便注释。

     在函数体讲所有的var声明的东西都拿到函数体顶部。

  示例:

// 好的命名方式
var maxCount = 10,tableTitle = 'LoginTable';
 
// 不好的命名方式
var setCount = 10;
var getTitle = 'LoginTable';

 

  myname = "global"; 
  function sample() {
     alert(myname); // "undefined"
     var myname = "local";
     alert(myname); // "local"
  }
  sample();

 

 2.函数

  命名:大驼峰式(每个单词首字母都大写)

  规范:前缀应当为动词

  示例:

  

// 是否可阅读
function canRead() {
    return true;
}
 
// 获取名称
function getName() {
    return this.name;
}

  3.常量

  命名:名称全部大写

  规范:使用大写字母和下划线来组合命名,下划线用以分割单词。

  示例:

var MAX_COUNT = 10;
var URL = 'http://www.baidu.com';

  4.构造函数

  介绍:在JS中,构造函数也属于函数的一种,只不过采用new 运算符创建对象。

  命名:小驼峰式命名法,首字母大写。

  规范:前缀为名称

  示例:

function Student(name) {
    this.name = name;
}
 
var st = new Student('tom');

  5.类成员

  ① 公共属性和方法:跟变量和函数的命名一样。

  ② 私有属性和方法:前缀为_(下划线),后面跟公共属性和方法一样的命名方式。

function Student(name) {
    var _name = name; // 私有成员
 
    // 公共方法
    this.getName = function () {
        return _name;
    }
 
    // 公共方式
    this.setName = function (value) {
        _name = value;
    }
}
var st = new Student('tom');
st.setName('jerry');
console.log(st.getName()); // => jerry:输出_name私有变量的值

二、注释

  1.单行注释

  调用了一个函数,单独在一行

  变量,在变量后面注释

  2.多行注释

  说明:以/*开头,*/结尾

  使用方法:

  ① 若开始(/*)和结束(*/)都在一行,推荐采用单行注释。

  ② 若至少三行注释时,第一行为/*,最后行为*/,其他行以*开始,并且注释文字与*保留一个空格。 

  语法:

  /** 
  * 函数说明 
  * @关键字 
  */

三、其他

  for循环判断条件里尽量不要使用涉及到DOM操作的动作。 

 for (var i = 0, max = myarray.length; i < max; i++) {
     // logic
 }

  函数参数里“,”后空一格、函数声明中花括号前空一格、函数表达式中括号前后各空一格,如:

func(a, b, c){};
function func() {};
var func = function () {};

所有的操作符前后都跟一个空格,如:

 var d = 0,
      a = b + 1;
if (a && b && c) {
     d = a % c;
     a += d;
 }

 

posted @ 2017-01-20 18:16  没事看看电影  阅读(227)  评论(0编辑  收藏  举报