Cómo utilizar la sintaxis de importación y exportación en javascript

La clase de ES6 es solo azúcar de sintaxis para la programación orientada a objetos. Actualiza el método de herencia de cadena de prototipos del constructor de ES5 y no resuelve el problema de modularización. Se propone la función Módulo para solucionar este problema.

?

Históricamente, JavaScript no ha tenido un sistema de módulos. Es imposible dividir un programa grande en archivos pequeños que dependen unos de otros y luego ensamblarlos de una manera sencilla. Otros lenguajes tienen esta función, como `require` de Ruby, `import` de Python, e incluso CSS tiene `@import`, pero JavaScript no tiene ningún soporte en este sentido, lo que hace muy difícil desarrollar proyectos grandes y complejos. El proyecto planteaba un enorme obstáculo.

Antes de ES6, la comunidad desarrollaba algunas soluciones de carga de módulos, siendo las más importantes CommonJS y AMD. El primero es para servidores y el segundo para navegadores. ES6 implementa funciones de módulo a nivel de especificaciones de lenguaje y la implementación es bastante simple. Puede reemplazar completamente las especificaciones CommonJS y AMD existentes y convertirse en una solución de módulo universal para navegadores y servidores. //React?js?Ejemplo en código ES6

import?React?from?'react'

import?ReactDOM?from?'react-dom'

¿importar?{?createStore,?combineReducers?}?from?'redux'

¿importar?{?Provider?}?from?'react-redux'

¿importar? ?Enrutador,?Ruta,?IndexRoute,?browserHistory?}?desde?'react-router'

¿importar?{?syncHistoryWithStore,?routerReducer?}?desde?'react-router-redux'< / p>

¿importar?{?createDevTools?}?desde?'redux-devtools'

¿importar?LogMonitor?desde?'redux-devtools-log-monitor'

importar ?SliderMonitor?desde?'redux-slider-monitor'

¿importar?DockMonitor?desde?'redux-devtools-dock-monitor'

//?otro?archivo?js

¿importar?countReducers?desde?'./countReducers'

exportar?default?countReducers