首页 > 编程学习 > Es6 模块化规范(import)

Es6 模块化规范(import)

发布时间:2022/9/7 14:23:19
index.js 文件:
// 第1种导出方式
export let address = "cz";
export let obj = { b:2}; // import/export输出的是值的引用
address = "河北省沧州市" // 当前文件执行完后,才会输出值,输出的 address = "河北省沧州市"
    上面等价于:
        let address = "cz";
        export {address}

// 第2种导出方式
let name = "nodejs";
export default {name} // 这种导出的语法,一个js文件只能写1次

app.js 文件:
// import {address, obj } from "./index" // 第 1 种导出方式,引入数据
// import index from "./index" // 第 2 种导出方式,引入数据

// 2种导出方式混合引入
import index, {address, obj} from "./index" // import 命令是编译(预解析)阶段执行的,所以在import之前使用导入的变量也可以访问到

// 不能对 import 引入的变量重新赋值/定义
// address = "河北省保定市" // SyntaxError: src/app.js: "address" is read-only
console.log(index.name, index.age, address, obj); // nodejs 14 河北省沧州市 {  b: 2 }

 

Copyright © 2010-2022 mfbz.cn 版权所有 |关于我们| 联系方式|豫ICP备15888888号