web前端js中ES6的规范写法

更新日期: 2018-07-30 阅读: 4.3k 标签: 规范

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 (true) {
  // 
}  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 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变量


来源:https://www.cnblogs.com/faith3/p/6188261.html


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/959

相关推荐

什么是驼峰命名?骆驼式命名法规范

骆驼式命名法(Camel-Case)又称驼峰式命名法,是电脑程式编写时的一套命名规则(惯例)。正如它的名称CamelCase所表示的那样,是指混合使用大小写字母来构成变量和函数的名字

web开发,前后分离接口规范

目前我们现在用的前后端分离模式属于第一阶段,下一阶段可以在前端工程化方面,对技术框架的选择、前端模块化重用方面,可多做考量。也就是要迎来“==前端为主的 MV* 时代==”。

CSS规范

CSS 指层叠样式表 (Cascading Style Sheets),定义如何显示 HTML 元素,但由于 CSS 天生全局性,随着项目复杂度增加,极易出现样式覆盖以及其它的问题。

前端变量命名规范

程序开发过程中变量命名不仅是一个头疼问题,也是一个对开发者综合素质的检验,它会直接影响到代码的最终交付质量、代码Review人员心智承受力。如何写出具有创造性、优雅性、易读性的高质量代码,需要开发者在实际工作中不断总结、提炼

js中箭头函数的编码规范,如何更好的使用箭头函数

当您必须使用匿名函数,请使用箭头函数表示法,它创建了一个在 this 上下文中执行的函数的版本,这通常是你想要的,而且这样的写法更为简洁。如果你有一个相当复杂的函数,你或许可以把逻辑部分转移到一个声明函数上。

Web前端开发规范手册

文件命名规则:文件名称统一用小写的英文字母、数字和下划线的组合。引文件统一使用index.htm index.html index.asp文件名(小写),图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质

W3C标准及规范

W3C的意思是万维网联盟(World Wide Web Consortium),创建于1994年10月,是一个会员组织,它的工作是对web进行标准化--->W3C 致力于实现所有的用户都能够对 web 加以利用

JavaScript 命名约定最佳实践

在开发过程中,遵循标准的命名约定可以提高代码的可读性。下面就来看看 JavaScript 中命名约定的最佳实践。JavaScript 变量名称是区分大小写的,大写和小写字母是不同的。

用standard来管理JavaScript 代码规范

standard是一个开源的JS代码规范库,制定了所谓standard(标准)的JS代码规范,配合编辑器插件可以实时检查代码规范以及语法错误,通过执行命令检查代码规范以及语法错误,自动修复(可以直接修复的)不合规范的代码,使其符合规范

编码规范_html代码规范化编写

嵌套的节点应该缩进;在属性上,使用双引号,不要使用单引号;属性名全小写,用中划线做分隔符;不要在自动闭合标签结尾处使用斜线(HTML5 规范 指出他们是可选的);不要忽略可选的关闭标签;

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!