js的规范写法ES5(自己以后按照这样写)

1、引号的使用,单引号‘ ‘ 优先(如果不是引号嵌套,不要使用双引号)

    正常情况:console.log(‘hello there‘)        双引号转码: $("<div class=‘box‘>")

2、空格的使用问题:(关键字后  符号后 排版 函数 赋值符号= )等

    a 函数的括号:function hello  (name)  {}    看 (参数)的 "括号外左右"(  ) 是有空格的,"括号内name左右" 是没有空格的

    b 关键字后需要空格:if  (condition) { ... }  if和()之间需要有空格

    c 赋值符号 = 两边需要有空格 :var x  =  2  赋值符号 = 两边需要空格

    d 字符串拼接符号 + 两边需要空格:var message = ‘hello, ‘  +  name  +  ‘!‘ 常量和变量之间的+号,左右两边需要空格

    e 逗号,前面不要留空格,后面留空格:var list = [1,  2,  3,  4]          function greet  (name,  options)  { ... } 逗号前面不留后面留空格

3、同行不同行的问题:

    if () {} else {}中:  } else { 要在一行内

if (XXX) {

                //

              }  else  {

                //

              }

4、不写没有使用过的变量,如果定义了一个变量,后来一直没有参与过运算,那么不应该定义这个变量。

5、用=== 代替 ==,比较相等的时候,因为 == 会多一步数据转换,但是当在 if (a!=undefiend) {}条件中, a!=undefiend同时有a!==undefiend和a!==null的双重意思(null == undefined)

6、习惯给window的属性和方法加上window,例外的几个不用加window:document ,console ,navigator。  如:window.alert(‘hi‘)

7、同一个连写方法很长要换行缩进问题,js中三元运算符,jq中的连缀等

    var location = env.development ? ‘localhost‘ : ‘www.api.com‘  一行内写法

    var location = env.development

      ? ‘localhost‘

      : ‘www.api.com‘

连缀写法:

var leds = stage.selectAll(‘.led‘)
    .data(data)
  .enter().append(‘svg:svg‘)
    .class(‘led‘, true)
    .attr(‘width‘, (radius + margin) * 2)
  .append(‘svg:g‘)
    .attr(‘transform‘, ‘translate(‘ + (radius + margin) + ‘,‘ + (radius + margin) + ‘)‘)
    .call(tron.led);

8、注释问题:要有与前一行要空一行       另外不要无缘无故有大片的空白行           // 后面空一格

    var value  =  ‘hello world‘;

空一行

    / /  这里是注释

    console.log(value)

  多行注释:(这也可以用到版权信息注释

  /**
  * make() returns a new element
  * based on the passed in tag name
  *
  * @param <String> tag
  * @return <Element> element
  */

9、开头问题:不要  (   [   `   开头, 在开头前要加上;号

    ;(function () {window.alert(‘ok‘)}())

    ;[1, 2, 3].forEach(bar)    

    ;`hello`.indexOf(‘o‘)

10、对象和数组的创建问题:var item = {}; 不用new Object()方式             数组:var arr = []

11、超过80个字的字符串连接问题:

  

  var errorMessage = ‘This is a super long error that ‘ +

  ‘was thrown because of Batman.‘+

‘When you stop to think about ‘ +

  ‘how Batman had anything to do ‘+

‘with this, you would get nowhere ‘ +

  ‘fast.‘;

循环 或者 多行字符串 用join方法来构建

function inbox(messages) {

  items = [];

  for(i = 0; i < length; i++) {

  items[i] = messages[i].message;

  }

  return‘<ul><li>‘+ items.join() + ;

}

12、对数字使用 parseInt 并且总是带上类型转换的基数.     var val = parseInt(inputValue, 10);

13,布尔值转换 用Boolean() 或者 !!        var  hasAge = Boolean(age);     var hasAge = !!age;

14、命名问题:

    a 命名私有属性时前面加个下划线 _      如:构造函数中 this._firstName = ‘Panda‘;     var _firstName = firstName;

    b jq变量命名加上个$,用来区分js变量

   

时间: 2024-12-26 12:12:33

js的规范写法ES5(自己以后按照这样写)的相关文章

js&amp;jsp规范问题

1.js初始化问题    一般与数据库交互的需要进行初始化,固定控件一般不需要初始化.有些需要整体浏览器页面校准的可能需要初始化.    //初始化操作按钮        $(function(){            init_click();        });            function init_click(){            //初始化添加按钮            init_add();            //初始化删除按钮            init

JavaScript必备:Google发布的JS代码规范(转)

[翻译]关于Google发布的JS代码规范,你需要了解什么? 翻译 | WhiteYin 译文 | https://github.com/WhiteYin/translation/issues/10 Google为了那些还不熟悉代码规范的人发布了一个JS代码规范.其中列出了编写简洁易懂的代码所应该做的最佳实践. 代码规范并不是一种编写正确JavaScript代码的规则,而是为了保持源代码编写模式一致的一种选择.对于JavaScript语言尤其如此,因为它灵活并且约束较少,允许开发者使用许多不同的

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的

JS模块规范

ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口.node的module遵循CommonJS规范,requirejs遵循AMD,seajs遵循CMD,虽各有不同,但总之还是希望保持较为统一的代码风格. ES6发布的module并没有直接采用CommonJS,甚至连require都没有采用,也就是说requir

Hibernate事务代码规范写法

----------------siwuxie095 事务相关概念 1.什么是事务 逻辑上的一组操作,构成这组操作的各个单元,要么一起成功, 要么一起失败 2.事务的四个特性 1)原子性 2)一致性 3)隔离性 4)持久性 3.不考虑隔离性,产生的问题 1)脏读 2)不可重复读 3)幻读(也称 虚读) 4.设置事务隔离级别,即可解决不考虑隔离性所产生的问题 「MySQL 默认的隔离级别:Repeatable Read(可重复读)」 5.Hibernate 也可以在核心配置文件中配置事务隔离级别

node.js编程规范

B.1缩进 因为Node.js代码中很容易写出深层的函数嵌套,过多的空格会给阅读带来不便,因此我们选择两空格缩进 B.2行宽 为了保证在任何设备上都可以方便地阅读,我们建议把行宽限制为80个字符. B.3 语句分隔符 建议一律使用分号( ; ),哪怕一行只有一个语句,也不要省略分号. B.4 变量定义 永远使用var 定义变量,而不要通过赋值隐式定义变量.因为通过赋值隐式定义的变量总是全局变量,会造成命名空间污染. 使用var 定义变量时,确保每个语句定义一个变量,而不要通过逗号( , )把多个

JS命名规范,引用规范

使用JS命名规范.引用规范,使用统一的编码规范编写代码能提高JS代码的可读性,利于后期的维护和扩展,利于团队开发.    JS代码的引用规范    JS代码应避免内嵌在HTML文件中,而因采用另置为*.JS的文件,然后用<script src="*.JS"></script>载入,原因在于这样做可以利用浏览器的Cache(缓存)避免页面刷新而重新加载,对于JS代码来讲是没有必要的,反而是加大了文件的传输量.这里建议JS代码采用分多个文件置开的方法,好处在于可以减

C# 类的规范写法

私有变量写在最上面,简单变量在上,复杂类型在下,以下划线_开头 类的常量紧随其后 不提供公共变量,所有变量以属性的方式对外开放 变量之后是属性 属性之后是方法,构造方法在最上方 公共方法随其后 最后是私有方法 例子: 1 public class SimpleClass 2 { 3 private int _num; 4 private string _word; 5 private static readonly TimeZone _timeZone; 6 private const doub

js日期的写法,获取girdviw的行数、提示信息、验证数量信息

//制订日期(js日期的写法) var myDate = new Date(); var theDate = myDate.toLocaleDateString();  //获取今天的日期 //获取控件选择的日期并进行转换 var s = ASPxDateEdit1.GetValue(); var y = new Date(s).getFullYear(); var m = new Date(s).getMonth() + 1; // m = m < 10 ? ('0' + m) : m; va