javascript - sacar - ¿Por qué las declaraciones de exportación/importación deben estar en el nivel superior en es2015?

requisitos para exportar a estados unidos desde mexico

Question

Comencé a usar es2015 con babel en el último proyecto. Cuando trato de import o export dentro de una condición, tengo un error ''import'' and ''export'' may only appear at the top level . Veo muchos casos para eso y funciona bien con require , pero no con los módulos de es2015. ¿Hay alguna razón para esta limitación?

Answer 1

JavaScript realiza un análisis estático en los módulos ES6. Esto significa que no puede realizar importaciones o exportaciones dinámicamente. Lea la sección 4.2 de este artículo para más información :

La estructura estática de un módulo significa que puede determinar las importaciones y exportaciones en tiempo de compilación (estáticamente): solo tiene que mirar el código fuente, no tiene que ejecutarlo.

Hay muchas razones para este enfoque, algunas de las cuales son para preparar JavaScript para funciones futuras que se basan en la capacidad de un archivo fuente para ser estáticamente analizable, a saber, macros y tipos (discutido en el artículo mencionado anteriormente).

Otro artículo interesante sobre este tema menciona las dependencias cíclicas y las búsquedas rápidas como razones.

______

Si desea realizar una export dentro de algún bloque anidado de un módulo, reconsidere cómo está escribiendo el módulo y exponiendo sus API / internas, ya que es casi seguro que no es necesario. Lo mismo ocurre si actualmente require módulos dentro de bloques anidados en su código ES5. ¿Por qué no require / import en la parte superior de su módulo y consumir sus API / internas dentro de los bloques anidados? La principal ventaja de este enfoque, al menos desde el punto de vista de la legibilidad, es que puede conocer las dependencias de un módulo sin tener que escanear su fuente para las llamadas require .