ES6 Module + Aufdecken Modul Muster

Question

Ich bin nur in Verwendung es 6 Module für Frontend-Entwicklung bekommen (wir überhaupt nicht verwenden Node), und frage mich, ob dieses Muster wir gekommen sind, bis alle Tücken hat oder wenn Sie haben Verbesserungsvorschläge. Ich nehme an, dass es einige Gründe für das aufschlussreiche Modulmuster in ES6-Modulen verwendet. Ich stelle diese Frage, weil die meisten es6 Modul "wie zu führen" Ich habe gesehen, etwas anderes zu tun, was ich am Ende der Frage notieren werde.

Einige Dinge zu beachten:

• Wir (sind ziemlich sicher, dass wir) jedes Modul wollen nur eins exportieren. Dies wird als Best Practice in der Airbnb Style Guide aufgeführt sind, und wir haben festgestellt, nur es schön Gesamt beim Verzehr von NPM-Pakete
• Wir mögen Methoden mit „öffentlich“ und „privat“ zu benennen (denke, wir verwenden sollten _ für private Methoden wie die neuere best-Practice) ist, macht es einfach, zu sehen, was außerhalb des Moduls verfügbar ist

module.js:

// publicly available method 
function publicHello() { 
    return 'Hello'; 
}; 

// publicly available method 
function publicHelloWorld(){ 
    const a = publicHello(); 
    const b = privateProcessWorld(a); 
    return b; 
}; 

// private method 
function privateProcessWorld(x) { 
    return x + ' world'; 
}; 


// create an object to export, containing only the public methods 
// note that we rename them here as well, making them easier to consume 
const exp = { 
    h: publicHello, 
    hw: publicHelloWorld, 
}; 

// export the object as default so it can be used in an unnamed import 
export default exp; 

das Modul zu verbrauchen:

import whatever from "module.js"; 

whatever.h(); // "Hello" 
whatever.hw(); // "Hello world" 

Was ich in den meisten gesehen haben „es6 Modul, wie man“ Führer ist dies:

var utils = { 
    generateRandom: function() { 
    return Math.random();  
    }, 
    sum: function(a, b) { 
    return a + b; 
    } 
}; 

export default utils; 

Answer 1

Wir (sind ziemlich sicher, dass wir) jedes Modul wollen nur eins exportieren.

Nein. Tun Sie dies nicht. Wenn Ihr Modul mehrere Funktionen bietet, z. B. eine Reihe von Hilfsfunktionen, und keine einzelne Funktion oder einzelne Klasse oder etwas bereitstellt, sollten Sie auch mehrere Dinge exportieren.

einfach Ihre Standardexport ändern

export { 
    publicHello as h, 
    publicHelloWorld as hw, 
} 

und Ihre Import

import * as whatever from "module.js";