ES6-模块化

ES6-模块化

　　在es6标准中，js原生支持module了。

import test from './test';  // 导入当前目录中的模块
import jq from 'jquery';    // 导入模块目录中的模块
export function test() {}   // 导出模块

　  ES6的模块化是将不同功能的代码分别写在不同的文件中，各模块只需导出公共接口部分，然后通过模块的导入的方式可以在其他地方使用。

 //point.js
 module "point"{
      export class Point{
          constructor(x,y){
               public x = x;
               public y = y;
          }
      }
 }

 //myapp.js
 //声明引用的模块
 module point from "/point.js";

 //这里可以看出，尽管声明了引用的模块，还是可以通过指定需要的部分进行导入
 import Point from "point";

 var origin = new Point(10,5);
 console.log(origin);

　　

　　关于ES6模块的具体信息，可以查看阮一峰老师的模块化