Javascript 编码规范(总结)

这篇文章主要介绍了javascript 编码约定(编码规范),需要的朋友可以参考下

1、使用 strict 模式

在一个作用域(包括函数作用域、全局作用域)中,可以使用

“use strict”;

来开启 strict 模式。

2、缩进

立即学习“Java免费学习笔记(深入)”;

用 Tab 键进行代码缩进,以节约代码大小,使用4个空格的宽度来进行缩进(JSLint 建议)。

3、符号

1) 大括号

与语句放同一行,放于最后面;仅有一行语句,也使用大括号:

  1. if (true) {  //true} else {  //false}

登录后复制

  1. while (true) {  //alert(1);}

登录后复制

2) 空格

在逗号、分号、冒号后加空格;
在操作符前后加空格;
在大括号开始符之前;
在大括号结束符和 else、while 或 catch 之间;
在 for 的各个部分;

如:

  1. var a = [1, 2, 3];var obj = {  name: 'name',  value: 'value'};for (var i = 0; i 

    3) 所有语句结束后,使用 ; 号结束

    4、命名

    对象:使用驼峰式,如:MyClass
    方法、变量:使用混合式,如:getName(), myName
    常量:大写加下划线,如:MY_NAME

    5、单一 var 模式

    只使用一个 var 在函数顶部进行变量声明,作用如下:

    1) 提供一个单一的地址已查找到函数需要的所有局部变量
    2) 防止出现变量在定义前就被使用的逻辑错误
    3) 帮助牢记要声明变量,尽可能少地使用全局变量
    4) 更少的编码

    function func() {  var a = 1,    b = 2,     sum = a + b,    obj = {      name: 'name',      value: 'value'    },  $btn = $('#btn');  //函数体}
  2. 登录后复制

  3. 6、循环

  4. 1) for 循环

  5. var i, arr = [];for (= arr.length; i--;) {  //arr[i];}
  6. 登录后复制

  7. 注:

  8. for (var i = 0; i 

    这种方式每次对 i 进行长度比较的使用对会进行 document 的查询,而通常 DOM 操作是非常耗时的。

    2) while 循环

    var arr = [],   i = arr.length;while (i--) {  //处理}
  9. 登录后复制

  10. 3) for-in 循环

  11. var i,  hasOwn = Object.prototype.hasOwnProperty;for (in man) {  if (hasOwn.call(man, i)) { //过滤    console.log(i, ':', man[i]);  }}
  12. 登录后复制

  13. 7switch 选择

  14. switch (num) {case 0:  //do something  break;case 1:  //do something  break;...default:  //do default}
  15. 登录后复制

  16. 建议使用:

  17. var obj = {  '0': function() {    //do somethins  },  '1': function() {    // do somethis  }, ...}if (obj.hasOwnProperty(num)) {  obj[num]();} else {  //do default}
  18. 登录后复制

  19. 8、使用 parseInt() 的数值约定

  20. 1) 每次都具体指定进制参数:

  21. var month = '09', day = '08';month = parseInt(month, 10); //不加进制参数便会转换为八进制day = parseInt(day, 10);
  22. 登录后复制

  23. 2) 其他常用的将字符串转换为数值的方法:

  24. +'08';Number('08');
  25. 登录后复制

  26. 9、字面量模式

  27. 不建议使用构造函数来定义:

  28. // built in constructors (avoid)var o = new Object();var a = new Array();var re = new RegExp('[a-z]', 'g');var s = new String();var n = new Number();var b = new Boolean();throw new Error('message');
  29. 登录后复制

  30. 建议使用更优的字面量模式:

  31. // literals and primitives (prefer)var o = {};var a = [];var re = /[a-z]/g;var s = '';var n = 0;var b = false;throw {  name: 'Error',  message: 'message'}
  32. 登录后复制

  33. 10、其他

  34. 1) 变量内的简写单词如果在开头则全小写:xmlDocument,如果不在开头则全大写:loadXML
    2) 变量必须是有意义的英文,禁止拼音

  35. 总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程!

  36. 相关推荐:

  37. php公益培训视频教程

  38. JavaScript图文教程

  39. JavaScript在线手册

  40. 以上就是Javascript 编码规范(总结)的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    js基础心法之数据类型

    2025-3-8 2:09:19

    编程技术

    JavaScript装饰器函数用法总结

    2025-3-8 2:09:25

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索