js 模块引用 export default import 使用方法

在 同一目录下 创建 px,js \  zf.js \ main.js \ module.html   四个文件

zf.js 代码内容  // 为单独导出 代码方法

export let num=132456;
export let str="我是单独导出的";

px.js 代码内容  // 为打包 导出  代码方法

let arr=[1,2,3,4,5]
let string = "字符串"

export default {arr, string} // 一次全部导出 以一个对象的形式

main.js 代码内容 

//import  声明会 提升   (被放到文件首部执行)
import {num, str} from "./zf.js"	// 单独导出 的js  获取方法

import all from "./px.js" 	// 打包导出  获取方法  import "all" 为自定义名
console.log(all) // 输出 所有 px.js 模块
console.log(num,str)  // 输出 num 与 str 模块

module.html  内容  // 注意引用 main.js 方法

由于谷歌安全机制 问题   会报跨域 错误   (使用 其他浏览器  即可)