如何使用 javascript中的import，export 语法

Question

如题所述

Answer 1

      ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有解决模块化问题。Module功能就是为了解决这个问题而提出的。

      

    历史上，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如Ruby的`require`、Python的`import`，甚至就连CSS都有`@import`，但是JavaScript任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。    

        

    在ES6之前，社区制定了一些模块加载方案，最主要的有CommonJS和AMD两种。前者用于服务器，后者用于浏览器。ES6在语言规格的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。    

// React js ES6代码中的实例
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, combineReducers } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, IndexRoute, browserHistory } from 'react-router'
import { syncHistoryWithStore, routerReducer } from 'react-router-redux'

import { createDevTools } from 'redux-devtools'
import LogMonitor from 'redux-devtools-log-monitor'
import SliderMonitor from 'redux-slider-monitor'
import DockMonitor from 'redux-devtools-dock-monitor'


// other file js
import countReducers from './countReducers'

export default countReducers

Answer 2

export
允许标明的脚本向其它标明或未标明的脚本提供属性、函数和对象。
实现版本 Navigator 4.0, Netscape Server 3.0
描述
通常情况下标明脚本中的信息仅对象同主体标明的脚本可用。通过导出属性、函数或对象，标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。

import
允许脚本从标识的脚本中导入已经导出的属性、函数和对象。
实现版本 Navigator 4.0, Netscape Server 3.0
描述
objectName 参数是将接受导入的名称的对象名称。例如，如果已经导出了 f 和 p，obj 是导入脚本中的一个对象，那么
import obj.f, obj.p 将使得 f 和 p 在导入脚本中可访问，就像是 obj 的属性一样。

通常情况下，标明脚本中的信息仅对象同主体标明的脚本可用。通过导出(使用 export 语句)属性、函数或对象，标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。

脚本必须在导入并使用任何导出的属性、函数或对象之前将导出脚本装载到窗口、框架或层中。
上述内容参考地址：http://www.iteye.com/problems/6864
其他参考地址：http://blog.csdn.net/boral_li/article/details/4179215

祝顺利！

Answer 3

语法的这些东西可以去找api
w3c也 有简单介绍可以参考