博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
切图崽的自我修养-[ES6] 编程风格规范
阅读量:5973 次
发布时间:2019-06-19

本文共 1353 字,大约阅读时间需要 4 分钟。

前言

没有规矩 不成方圆


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

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

    let staticString = 'This is a static string';let d = 'dynamic';let dynamicString = `This is a ${d} string`;
  3. 使用数组成员对变量赋值时,尽量用解构赋值

    let arr = [1,2,3,4];let [arr1,arr2] = arr; //arr1 =1,  arr2 = 2;
  4. 往对象里添加/修改属性时,使用Object.assign,而不用松散的.语法

    const objectA = {};Object.assign(objectA, { attr1: 3 });//objectA{attr1:3}
  5. 面向对象的写法一律写成class的形式,摒弃原生的prototype的书写方法

    class A{    constructor(){}    prototypeFunA(){}    static staticFunA(){}    ...}
  6. 用extends实现单继承, 摒弃原生的prototype链书写方法的继承

    class A{    constructor(){}    prototypeFunA(){}    static staticFunA(){}    ...}class B extends A{    constructor(){        super();    }}let b = new B();     b.prototypeFunA();B.staticFunA();
  7. 用mixin修饰器的方式可以多继承(es5中可以用call来实现多继承,不过call/apply方法都属于奇技淫巧,不推荐使用了),实际上在js中多继承的应用场景并不多见

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

    //moduleA.jsexport let name = 'Xie Min'; export function fun1(){xxx}export function fun1(){xxx}//或者这样写        //moduleA.js let name = 'Xie Min';  function fun1(){xxx} function fun1(){xxx}  export{     name,     fun1,     fun2, }
  1. 引用模块统一用import,摒弃掉require . 这里特别注意,import模块的时候路径必须写成相对路径的形式, 比如要写成 import {xx} from './moduleA' 而不是 import {xx} from 'moduleA'

    //index.jsimport * as moduleA from './moduleA';moduleA.name;    moduleA.fun1();                        moduleA.fun2();

结语

部分参考自

其他细节待补充

转载地址:http://pddox.baihongyu.com/

你可能感兴趣的文章
Timer 和 TimerTask 例子
查看>>
Spring BOOT 集成 RabbitMq 实战操作(一)
查看>>
安装python3.5注意事项及相关命令
查看>>
进程通信之无名信号量
查看>>
并发串行调用接口
查看>>
C# 视频监控系列 序 [完]
查看>>
Mongodb3.0.5副本集搭建及spring和java连接副本集配置
查看>>
FileStream大文件复制
查看>>
TDD 的本质不是 TDD
查看>>
linux命令学习——ps
查看>>
freemark 判断list是否为空
查看>>
JS的一些扩展:String、StringBuilder、Uri
查看>>
solr的suggest模块
查看>>
2PHP页面缓存
查看>>
编译原理 LL1文法First集算法实现
查看>>
菜鸟学Linux命令:bg fg jobs命令 任务管理
查看>>
python 多线程就这么简单(续)
查看>>
【Linux系统编程】 Linux系统调用概述
查看>>
SQL Server Reporting Services:无法检索应用程序文件。部署中的文件已损坏
查看>>
hive中partition如何使用
查看>>