切图崽的自我修养－[ES6] 编程风格规范

前言

没有规矩不成方圆

用let替换var来定义变量. 如果是常量，使用const

静态字符串统一用单引号'' , 动态拼接成的字符串统一用反引号``

let staticString = 'This is a static string';let d = 'dynamic';
let dynamicString = `This is a ${d} string`;

使用数组成员对变量赋值时，尽量用解构赋值

let arr = [1,2,3,4];
let [arr1,arr2] = arr;//arr1 =1,  arr2 = 2;

往对象里添加/修改属性时，使用Object.assign，而不用松散的.语法
```
const objectA = {};
Object.assign(objectA, { attr1: 3 });//objectA{attr1:3}
```
面向对象的写法一律写成class的形式，摒弃原生的prototype的书写方法
```
class A{constructor(){}prototypeFunA(){}static staticFunA(){}...
}
```

用extends实现单继承，摒弃原生的prototype链书写方法的继承

class A{constructor(){}prototypeFunA(){}static staticFunA(){}...
}class B extends A{constructor(){super();}
}let b = new B();
b.prototypeFunA();
B.staticFunA();

用mixin修饰器的方式可以多继承(es5中可以用call来实现多继承，不过call/apply方法都属于奇技淫巧，不推荐使用了)，实际上在js中多继承的应用场景并不多见

模块的书写, 类似CommonJs规范. 暴露方法/属性统一用export

//moduleA.jsexport let name = 'Xie Min';
export function fun1(){xxx}
export function fun1(){xxx}//或者这样写
//moduleA.jslet name = 'Xie Min'; function fun1(){xxx}function fun1(){xxx}export{name,fun1,fun2,}

引用模块统一用import，摒弃掉require . 这里特别注意，import模块的时候路径必须写成相对路径的形式, 比如要写成 import {xx} from './moduleA' 而不是 import {xx} from 'moduleA'
```
//index.jsimport * as moduleA from './moduleA';moduleA.name;
moduleA.fun1();
moduleA.fun2();           
```

结语

部分参考自阮一峰《ECMAScript 6入门》
其他细节待补充

切图崽的自我修养－[ES6] 编程风格规范相关推荐

切图崽的自我修养－[TOOL] 用Omnigraffle绘制UML
前言不会画图的程序员不是好产品经理喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立志做产品经理的程序员之后,发现他们都有一套自己喜欢用的 ...
切图崽的自我修养－规范CSS元素命名
前言为什么我刚才写的样式乱了?! 如何给变量,文件命名是程序员的老大难问题.命名为什么会这么难,因为它太重要了.可以这么说,准确的命名可以提高代码的可读性,让人容易理解,方便调试,也给以后修改和维护 ...
css hat,论切图仔的自我修养
编者按:作者糯米是个工具控,让我们来看看他都私藏了哪些好用的工具吧. 不过,据说都挺贵. Adobe Photoshop CC 2015 Adobe Photoshop 是设计师的必备,所以也是前端切 ...
【ES6】ES6编程规范编程风格
[ES6]ES6编程规范编程风格一.定义变量的规范二.字符串三.对象四.数组五.函数查看更多ES6教学文章: 参考文献引言:这是ES6系列教学的最后一篇.我们讲解一下ES6编程的规范. ...
谷歌 Java 编程风格指南
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 来源 | http://hawstein.com/201 ...
Google JAVA编程风格
目录前言源文件基础源文件结构格式命名约定编程实践 Javadoc 后记前言这份文档是Google Java编程风格规范的完整定义.当且仅当一个Java源文件符合此文档中的规则, 我们才 ...
深度解析Google Java 编程风格指南
这份文档是Google Java编程风格规范的完整定义.当且仅当一个Java源文件符合此文档中的规则, 我们才认为它符合Google的Java编程风格. 与其它的编程风格指南一样,这里所讨论的不仅仅是 ...
Google Java编程风格指南中文版
作者:Hawstein 出处:http://hawstein.com/posts/google-java-style.html 声明:本文采用以下协议进行授权: 自由转载-非商用-非衍生-保持署名|C ...
Google Java编程风格指南中文版(转)
作者:Hawstein 出处:http://hawstein.com/posts/google-java-style.html 声明:本文采用以下协议进行授权: 自由转载-非商用-非衍生-保持署名|C ...

切图崽的自我修养－[ES6] 编程风格规范

前言

结语

切图崽的自我修养－[ES6] 编程风格规范相关推荐

最新文章

热门文章