cubs figure l'auto-culture coupée - [ES6] Guide de programmation de style

avant-propos

Aucune règle aucune norme

---

1. En letremplaçant var pour définir des variables. Si l'utilisation constanteconst

2. 静态字符串Avec un système unifié 单引号'', 动态拼接成的字符串unifié avec 反引号``

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

3. Lorsque les membres utilisent une affectation variable de tableau, essayez d'attribuer une déconstruction

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

4. Pour l'objet dans les propriétés Ajouter / Modifier, l' utilisation Object.assign, au lieu du lâche.语法

   const objectA = {};
   Object.assign(objectA, { attr1: 3 });
   
   //objectA{attr1:3}

5. Écrit en uniforme écrit orienté objet sous classforme, d'abandonner la méthode d'écriture du natif prototype

   class A{
       constructor(){}
       prototypeFunA(){}
       static staticFunA(){}
       ...
   }

6. Un seul héritage se prolonge, d'abandonner le procédé d'écriture native de la chaîne prototype hérité

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

7. Mixin peut utiliser plusieurs façon de décorateur d'héritage (es5中可以用call来实现多继承，不过call/apply方法都属于奇技淫巧，不推荐使用了), en fait, l' héritage multiple dans les scénarios d'application js sont rares

8. Module d'écriture, méthode d'exposition de CommonJS similaires / propriété avec l'exportation uniforme

   //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. unification du module de référence à l'importation, la tentation de tomber require . Une attention particulière ici, importez le chemin du module de temps doit être écrit sous la forme d'un chemin relatif, par exemple pour écrire à la import {xx} from './moduleA'placeimport {xx} from 'moduleA'

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

---

épilogue

Une partie de la référence de Ruan Yifeng « ECMAScript 6 Mise en route »
d' autres détails à compléter

Cet article est reproduit dans: singe 2048⇨ https://www.mk2048.com/blog/blog.php?id=hhcj2bc2cbb