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模块的具体信息，可以查看阮一峰老师的模块化