export和export-default 调用外部JS方法

export和export-default 调用外部JS方法

export

filefile

js模块

var a = 123;
var b = 456;
var c = 789;
export {a,b}

导入

<script type="module">
    import {a,b} from 'js/导入.js'
    console.log(a,b);
</script>

模块语法
export {参数1,参数2}
导入语法
import {参数1,参数2} from '文件位置'
注意script的类型为module
别名(重命名)
import {参数 as 别名} from '文件位置'

export-default

js模块

var a = 123;
export default a;//a为参数
<script type="module">
    //a可以自定义
    import a from 'js/导入.js'
    console.log(a);
</script>

注意

file
心得,在js中遇{},需要判断,这是对象,开始代码的开始和结束标记