ES6-----学习系列十八（模块化）

模块化的概念是非常重要的，es6都会使用到模块化

index.js

// export let A=123;
//
// export function test(){
//   console.log('test');
// }
//
// export class Hello{
//   test(){
//     console.log('class');
//   }
// }

let A=123;
let test=function(){
  console.log('test');
}
class Hello{
  test(){
    console.log('class');
  }
}

export default {
  A,
  test,
  Hello
}

注意:

1、如果没有default  那么在另一个文件里面 必须使用 {}进行包裹 且里面的名称需要保持一致

import {A ,test,hello} from 'index'

import * as lesson from 'index'//把所有的内容都导入到lesson里面

2、使用default 名称可以任意命名

import lesson from 'index'

 

 

 

总结：到这里es6的一些基本的语法就写完了，再次说明一下，所有的都是个人的一些理解，可能有不准确或者不正确的地方，还是希望大家多多指正，另外，这里并没有覆盖es6的全部的细节和内容，如果想深入学习es6

　　　推荐大家学习阮一峰的es6教程，http://es6.ruanyifeng.com/。谢谢。

 

转载于:https://www.cnblogs.com/diasa-fly/p/7026464.html