二.模块化笔记

1.模块化机制(CommonJs ES6)

package.json

{

        "type":"commonjs" //CommonJs

        "type":"module" //ES6

}

1.ES6模块化(编译时加载)

export命令用于规定模块的对外接口，即模块的暴露

import命令用于输入其他模块提供的功能，即模块的导入。

1.导入普通

// 普通导出
export let a = 1;       //导出单个属性
export function count(){        //导出单个函数
  console.log(++a);
}
let firstname = 'w';
let lastname = 'll';
export {firstname,lastname}     //列表导出
export {firstname as first,lastname as last}    //重命名导出

// 导入模块化a.js
import {a, count,firstname,lastname,first,last} from './a.js'
console.log(a,firstname,lastname,first,last);//1 w ll w ll
count();        //2

2.导入默认

一个模块只能有一个默认导出，不能使用 var、let 或 const

用于导出默认值 export default。

// 默认导出
export default function add(){
  console.log('default默认导出');
}<