¿No podría usar el Revealing Module Pattern en su lugar?
Puedes hacerlo perfectamente, de hecho, nada te lo prohíbe. JavaScript es tan flexible que hay muchas formas de hacer lo mismo. El RMP tiene el mismo objetivo que CommonJS, RequireJS, UMD y ES6 modules; usar uno u otro es cuestión de criterio personal.
RMP es un patrón bastante bien diseñado y estructurado, permite escribir módulos con variables/funciones privadas de manera práctica y sencilla. Lo cierto, es que tiene tanto ventajas como desventajas.
Ventajas
- Práctico y sencillo de implementar.
- Provee encapsulamiento sencillo.
Desventajas
- Sobreescritura de variables privadas.
Es bien conocido que RMP tiene un punto débil respecto a la sobreescritura de propiedades privadas ya que se necesita sí o sí setters ya que un objeto literal no funciona como un prototipo. Si no usas getters, necesitarás usar this
ya que necesitarías poner las variables directamente en el objeto literal, y esto porsupuesto rompe la ideología de este patrón.
function House (data) {
let { height, width, large } = data;
return {
height,
width,
large,
info () {
console.log('Height:', height);
console.log('Width:', width);
console.log('Large:', large);
}
};
}
let home = new House({
height: 3.1,
width: 7.25,
large: 18.75
});
// se espera que se pueda sobreescribir
home.height = 3.2;
home.info(); // ups
¿Qué ventajas ofrecerían los modulos de ES6 frente al patrón Revealing con funciones inmediatamente ejecutables que devuelvan un objeto (IIFE)?
En realidad no hay ventajas que se merezca resaltar, salvo por:
- Estandarización: en un futuro todo módulo (probablemente) será escrito usando ES6 modules.
- Organización: el código es más organizado, ya que te permite dos tipos de exportaciones (por defecto e independientes).
- Optimización: se evitan los errores y desventajas comunes de diferentes implementaciones del patrón Module, como en el caso de las referencias entre variabes/funciones privadas y públicas del RMP.
El uso de estos imports/exports evita que tenga que importar en el html los .js con las etiquetas?
No tiene ninguna relación ES6 modules con importar un script en HTML. En este aspecto no ha cambiado absolutamente nada.
Extra
Al día de hoy, ningún navegador soporta ES6 modules a excepción de Safari Preview, pero esto no es problema ya que con Babel podemos traspilar no solo código ES6, si no también ES7/8 y propuestas hacia la ECMA desde incluso el Stage 2. Para traspilar solo necesitas instalar el paquete babel-cli
de forma global y los presets que desees. Por ejemplo:
npm i babel-cli babel-preset-es2015 -g
Y traspilas cualquier módulo a ES5:
babel source.js --out-file target.js --presets=es2015
Lo que te genera código ES5 compatible con cualquier navegador viejo y moderno a día de hoy.