javascript模块化

a.js
    
let flag = true;
    function sum(x, y) {
        return x + y;
    }
    export {flag,sum}

b.js
import {flag,sum} from './a.js'
console.log(sum(10,20))

index.cshtml
<script src="./a.js" type="module"></script>
<script src="./b.js" type="module"></script>

导出方式二
c.js
export var num = 1000;

导入
d.js
import {num} from "./a.js"

导入导出类
e.js
export class Person{
   run(){
   console.log('run')
  }
}

f.js
import {Person} from "./e.js"
let p =  new Person();
p.run();

default方式 只能存在一个defualt

g.js
let num=100；
export num default

h.js
import n from "./g.js"
console.log(n);

统一全部导入
import * as all form "a.js"

使用的时候是 all.flag