Js中两个js文件引用

Js中会出现一个js文件需要引用另一个js文件内函数的需求，这时就需要module模版

1.首先需要在VsCode中下载插件LiveServer

2.其次创建两个js文件

export为导出的关键字
为代码简洁美观，导出文件可以整体导出，只需要正常书写函数，在export关键字后面书写大括号，将需要导出的函数名写在其中即可。
有一个特殊的导出为默认导出，一个文件中只能有一个默认导出，关键字为default，默认导出在导入文件中可以随便取名，但需注意的是，默认导出需在导入文件的最上方书写，不然会出现报错，导致程序无法运行。

// 第一个js文件 为导出文件
// 普通导出
export function fn(){
    console.log(1); 
}
var num = 10;

function login(){
    console.log('登录成功');
}

// 批量导出
export{num,login}

// 默认导出 只能一次
export default function(){
    console.log('默认导出');
}

import为导入的关键字，from后为导出文件的文件名，此时调用fn函数即可。
同时，通过*as name from可以整体导入一个文件，其中name为导入模块对象的名称，由自己取名。
其次在导入文件中，若出现导入的变量或函数与文件中已有的变量名重复，可以通过as关键字，改变导入的变量的变量名解决。

// 第二个js文件 为导入文件
// 普通导入
import {fn,num as num_1,login} from './Module模版1.js'
fn(); 
login();

// 默认导出
import a from './Module模版.js'
a();

// 整体导入
import *as myModule from './Module模版1.js'
myModule.fn(); 
myModule.login();

var num = 20;