es6模块化

e6三种暴露方式:

统一暴露

let school ='尚硅谷';


function findJob(){
    console.log('我们可以帮助你找工作');
}

export {school,findJob}

分别暴露

export let school ="尚硅谷";

export function teach(){
    console.log('我们可以教你开发技能');
}

 默认暴露

export default {
      school:'尚硅谷',
      change:function(){
          console.log('我们可以改变你的技能')
      }
}

默认暴露注意: 导入默认暴露模块代码后:如       import * as m3 from "./m3.js"; 

  调用m3.js中的函数时：   m3.default.change();  因为默认暴露的对象外层包了default                     

 

 导入的三种方式:

通用方式

     import * as m1 from "./m1.js";

 

解构赋值的形式

 1.解构赋值的形式导入分别与统一暴露

  import {school,teach} from "./src/js/m1.js"

 重名school用 as别名解决问题

  import {school as xx,teach} from "./src/js/m1.js"

2.解构赋值的形式导入默认暴露

 import {default as m3} from "./m3.js";

ps：固定写法:  解构 {default  as xx}

 

 

简便形式

ps:简便形式针对默认暴露

    import  m3  from './m3.js';