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

发布时间:2019-08-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了切图崽的自我修养-[ES6] 编程风格规范脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

没有规矩 不成方


  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 = [@H_777_70@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.js
    
    export 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.js
    
    import * as moduleA from './moduleA';
    
    moduleA.name;    
    moduleA.fun1();                        
    moduleA.fun2();           

结语

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

脚本宝典总结

以上是脚本宝典为你收集整理的切图崽的自我修养-[ES6] 编程风格规范全部内容,希望文章能够帮你解决切图崽的自我修养-[ES6] 编程风格规范所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。