美文网首页
JS编码规范

JS编码规范

作者: hanahaha | 来源:发表于2018-10-19 17:25 被阅读0次
1.使用字面值创建对象和数组
// bad
const item = new Object();
const items = new Array();

// good
const item = {};
const items = [];
2.用Array.from将类数组对象转换成数组
function fn() {
  console.log(arguments); //Arguments(3) [1, 2, 3]
  const arr = Array.from(arguments);
  console.log(arr); //Array(3) [1, 2, 3]
};
fn(1,2,3) 
3.字符串用单引号' '而不是双引号" "
4.声明函数
  • 首先考虑函数声明
function fn() {}
  • 不得不用函数表达式时,考虑用箭头函数代替
//bad
var fn = function() {}
//good
var fn = () => {}
5.如果通过if和else实现多行代码块,则将else放在if代码块结尾的同一行。
if(){
  //do something
} else {
}
6.注释
  • /**...*/实现多行注释
  • //实现单行注释,并且注释的位置应该在前面另起一行,不在句末注释;在注释语句前面空一行。
const a = 1;

//注释,上面空一行
const b = 0;
7.空格
  • 缩进用两个空格
  • 花括号{前用一个空格
function fn() {}
  • 控制语句(if、while等)的小括号(前用一个空格
if (a === 1) {}
  • 操作符(加减乘除等)两侧都应该用一个空格
  • 文件末尾使用一个空行
8.复制数组

使用扩展运算符...复制数组

const a = [1, 2, 3];
const b = [...a]; //[1, 2, 3]

相关文章

  • 编码规范

    参考文档 CSS编码规范 强迫症->js注释规范 JS编写规范 1.JS编码个人规范 使用两空格缩进 除了五种必要...

  • Vue.js 组件编码规范

    Vue.js 组件编码规范 目标 本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特...

  • JS编码规范

    1.使用字面值创建对象和数组 2.用Array.from将类数组对象转换成数组 3.字符串用单引号' '而不是双引...

  • js编码规范

    见 https://www.zybuluo.com/hotjp/note/497402https://www.zy...

  • JS编码规范

    一、javascript代码规范 变量1.1 一直使用 const 来声明变量,如果不这样做就会产生全局变量。我们...

  • 20161101学习内容

    近期需要学习的内容 编码规范 JavaScript 规范和风格:例如 airbnb 语言 Node.js Type...

  • nodejs编码规范

    felixge / node-style-guide翻译:Node.JS编码规范指南教程

  • 前端开发文档规范

    HTML 编码规范 请查看HTML编码规范 CSS 编码规范 请查看CSS编码规范 JavaScript 编码规范...

  • Vuejs相关技术汇总

    Vue.js 组件编码规范 https://github.com/pablohpsilva/vuejs-compo...

  • JS编码规范(Google)

    使用空格代替tab而且应该使用两个空格来实现缩进 不能省略分号 杜绝var使用const或者let来声明所有局部变...

网友评论

      本文标题:JS编码规范

      本文链接:https://www.haomeiwen.com/subject/zovybftx.html