本文共 645 字，大约阅读时间需要 2 分钟。

12、模块化

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。

Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。

但是，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。 在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。 ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。 ES6 的模块化分为导出（export） @与导入（import）两个模块。

创建api/user.js

let getList =  () => {
       console.log('获取数据列表')}​let save =  () => {
       console.log('保存数据')}export {
    getList, save }

创建component/user.js（注意：浏览器不支持很多ES6的高级功能，我们需要使用babel将其转换成ES5，后面的课程将会介绍）

import {
    getList, save } from "../api/user.js"console.log(getList())console.log(save())

转载地址：http://uyzki.baihongyu.com/