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