首页 > 其他分享 >Es6 模块化规范(import)

Es6 模块化规范(import)

时间:2022-09-07 14:22:26浏览次数:74  
标签:Es6 index 模块化 导出 js export address import

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 }

 

标签:Es6,index,模块化,导出,js,export,address,import
From: https://www.cnblogs.com/zzAyy/p/16665234.html

相关文章

  • common.js模块化规范
    app.js文件://require在代码执行阶段才会调用引入文件,编译(预解析)时不会执行,所以下面会报错//console.log(dep);ReferenceError:depisnotdefinedconstdep=re......
  • 第二章模块化软件构造
    模块分解,分而治之分解的核心是将问题的难点或者关注点进行分离      算法与数据结构选择与设计数据结构如下设计可以避免重复:但是存在存储过大,限定性比较......
  • 了解 ES6 中 var、let 和 const 的范围
    了解ES6中var、let和const的范围了解ES6中的全局、本地和块级作用域发病前ES2015(ES6),这曾是statement是在JavaScript中声明变量的唯一选项。然而,由于......
  • new Set()的基础用法(ES6)
    1、什么是Set()Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合。Set本身是一个构造函数,用来生成Set数据结构2、......
  • 模块化结构与微服务
    模块化结构与微服务在这篇文章中,什么是模块化结构?我们将重点介绍模块化结构与单体结构以及模块化结构与微服务架构之间的关系。在创建应用程序时,我们希望不仅在最终用户......
  • 学习现代 JavaScript (ES6+) 的基础知识
    学习现代JavaScript(ES6+)的基础知识您应该在代码中开始使用的10个现代功能您可能已经知道JavaScript是一种功能丰富的编程语言,每次更新都会不断增强。有很多事......
  • 遇到ImportError: cannot import name ‘soft_unicode’ from 'markupsafe’问题
    运行jupyternotebook的时候报错:ImportError:cannotimportname'soft_unicode'from'markupsafe'这个报错应该怎么解决呢?1、根据错误提示,我们发现是导入markupsafe这......
  • 【Java基础】package、import关键字和JDK中主要包
    1.package声明在源文件首行,每一个.表示一层文件夹,指明该类所在包,包名通常都小写。根据项目需要将代码放在不同包中2.import(1)导入指定包下所需要的类、接口,xxx.*表示......
  • es6中箭头函数
    箭头函数相当于匿名函数,简化了函数定义。 箭头函数有两种写法,当函数体是单条语句的时候可以省略{}和return。另一种是包含多条语句,不可以省略{}和return。 特点箭......
  • 样式优先级的规则:!important`>行内样式>嵌入样式>外链样式>id选择器>类选择器>标签选
    CSS样式的优先级应该分成四大类第一类`!important`,无论引入方式是什么,选择器是什么,它的优先级都是最高的。第二类引入方式,行内样式的优先级要高于嵌入和外链,嵌入和外链如......