【ES6】ES6编程规范编程风格

原创

征途黯然2 2023-01-16 17:16:32 博主文章分类：ES6系列-完整笔记 ©著作权

文章标签 ES6 ES6编程规范 JS编程规范 ES6编程风格 JS编程风格 文章分类 后端开发

©著作权归作者所有：来自51CTO博客作者征途黯然2的原创作品，请联系作者获取转载授权，否则将追究法律责任

【ES6】ES6编程规范编程风格

一、定义变量的规范
二、字符串
三、对象
四、数组
五、函数
查看更多ES6教学文章：
参考文献

引言：这是ES6系列教学的最后一篇。我们讲解一下ES6编程的规范。

一、定义变量的规范

let、const取代var

let关键字可以完全取代var，因为两者语义相同，而且let完全没有副作用。 全局常量

优先使用const来定义全局常量。如下代码。

// bad
var a=1,b=2,c=3;

//good
const a= 1;
const b= 2;
const c= 3;

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

二、字符串

静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。

// bad
const a = "haha";
const b = 'ha' + a + 'kk';

//good
const c = `hahaha`;

//best
const a = 'hahaha';
const b = `kk${a}kk`;

三、对象

单行定义对象时，最后一个成员不以逗号结尾。多行定义时，最后一个成员以逗号结尾。

// bad
const a = {k1 : v1, k2: v2}
const b = {
  k1:v1,
  k2:v2
};

// good
const a = {k1 : v1, k2: v2}
const b = {
  k1:v1,
  k2:v2,
};

对象尽量静态化，一旦定义，就不得随意添加新的属性。如果添加，要使用Object.assign()方法。

四、数组

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

// bad
const len = items.length;
const itemCopy = [];
let i;

for(i=0;i<len;i++)
{
  itemCopy[i] = items[i];
}

//good
const itemCopy = [...items];

五、函数

立即执行函数尽量写成箭头函数的形式。

(() => {
  console.log('Welcome to the ES6');
})();

那些需要使用函数表达式的场合，尽量用箭头函数代替。因为这样更整洁，而且绑定了this。

// bad 
[1,2,3].map( function(x) {
  return x*x;
});

// good
[1,2,3].map( (x) => {
  return x*x;
});

查看更多ES6教学文章：

1. 【ES6】let与const 详解2. 【ES6】变量的解构赋值
3. 【ES6】字符串的拓展
4. 【ES6】正则表达式的拓展
5. 【ES6】数值的拓展
6. 【ES6】数组的拓展
7. 【ES6】函数的拓展
8. 【ES6】对象的拓展
9. 【ES6】JS第7种数据类型：Symbol
10. 【ES6】Proxy对象
11. 【ES6】JS的Set和Map数据结构
12. 【ES6】Generator函数详解
13. 【ES6】Promise对象详解
14. 【ES6】异步操作和async函数
15. 【ES6】JS类的用法class
16. 【ES6】Module模块详解
17. 【ES6】ES6编程规范编程风格