ES6-模块化

2018-06-24 00:03:39来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript入门(三)

下一篇:利用ES6的Promise.all实现至少请求多长时间