ES6-模块化

ES6-模块化

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

 

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

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

 1 //point.js
 2 module "point"{
 3      export class Point{
 4          constructor(x,y){
 5               public x = x;
 6               public y = y;
 7          }  
 8      }      
 9 }
10 
11 //myapp.js
12 //声明引用的模块
13 module point from "/point.js";
14 
15 //这里可以看出,尽管声明了引用的模块,还是可以通过指定需要的部分进行导入
16 import Point from "point";
17 
18 var origin = new Point(10,5);
19 console.log(origin);

 

  

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

 

转载于:https://www.cnblogs.com/toTo-li/p/7439844.html

你可能感兴趣的:(ES6-模块化)