切圖崽的自我修養－[ES6] 編程風格規范

godruoyi 發布于2019-08-20 10:34 / 2449人閱讀

摘要：前言沒有規矩不成方圓用替換來定義變量如果是常量，使用靜態字符串統一用單引號動態拼接成的字符串統一用反引號使用數組成員對變量賦值時，盡量用解構賦值往對象里添加修改屬性時，使用，而不用松散的語法面向對象的寫法一律寫成的形式，摒棄原生的的書寫方法

前言

沒有規矩不成方圓

用let替換var來定義變量. 如果是常量，使用const

靜態字符串統一用單引號"" , 動態拼接成的字符串統一用反引號``

let staticString = "This is a static string";

let d = "dynamic";
let dynamicString = `This is a $7pt7vfp 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.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,
 }

引用模塊統一用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入門》
其他細節待補充

GPU云服務器云服務器切圖崽編程風格 php 編程風格編程規范

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80212.html

切圖崽的自我修養－[ES6] 編程風格規范

摘要：前言沒有規矩不成方圓用替換來定義變量如果是常量，使用靜態字符串統一用單引號動態拼接成的字符串統一用反引號使用數組成員對變量賦值時，盡量用解構賦值往對象里添加修改屬性時，使用，而不用松散的語法面向對象的寫法一律寫成的形式，摒棄原生的的書寫方法前言沒有規矩不成方圓用let替換var來定義變量. 如果是常量，使用const 靜態字符串統一用單引號 , 動態拼接成的字符串統一用反...

Bryan 2019-08-29 11:11 評論0 收藏0
切圖崽的自我修養－[ES6] 編程風格規范

摘要：前言沒有規矩不成方圓用替換來定義變量如果是常量，使用靜態字符串統一用單引號動態拼接成的字符串統一用反引號使用數組成員對變量賦值時，盡量用解構賦值往對象里添加修改屬性時，使用，而不用松散的語法面向對象的寫法一律寫成的形式，摒棄原生的的書寫方法前言沒有規矩不成方圓用let替換var來定義變量. 如果是常量，使用const 靜態字符串統一用單引號 , 動態拼接成的字符串統一用反...

DoINsiSt 2019-08-01 15:37 評論0 收藏0
切圖崽的自我修養－[ES6] 迭代器Iterator淺析

摘要：任何數據結構只要部署接口，就可以完成遍歷操作即依次處理該數據結構的成員。的遍歷某個數據結構過程是這樣的比如對進行遍歷創建一個指針對象，指向當前數組的起始位置。 Iterator 這真是毅種循環 Iterator不是array,也不是set,不是map, 它不是一個實體，而是一種訪問機制，是一個用來訪問某個對象的接口規范,為各種不同的數據結構提供統一的訪問機制。任何數據結構只要部署Ite...

neu 2019-08-29 11:11 評論0 收藏0
切圖崽的自我修養－[ES6] 迭代器Iterator淺析

摘要：任何數據結構只要部署接口，就可以完成遍歷操作即依次處理該數據結構的成員。的遍歷某個數據結構過程是這樣的比如對進行遍歷創建一個指針對象，指向當前數組的起始位置。 Iterator 這真是毅種循環 Iterator不是array,也不是set,不是map, 它不是一個實體，而是一種訪問機制，是一個用來訪問某個對象的接口規范,為各種不同的數據結構提供統一的訪問機制。任何數據結構只要部署Ite...

springDevBird 2019-08-01 15:40 評論0 收藏0