导图社区 JavaScript Module
一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果想要外接获取模块内部的某个变量或方法,就必须使用 export 关键字输出该变量。
习惯就是人们长时间养成的生活方式和行为方式,它决定了我们做事的基本方法,有好的习惯的人做事都会有好的结果,而坏习惯的人往往难以成事,因而,人们常说习惯决定命运。这里总结了7个习惯帮助大家成为高效人士。
认知获取的概念 知道一些概念、过程、信息、现象、方法,知道它们大概可以用来解决什么问题,而这些东西过去你都不知道。 结论:认知获取是学习的开始,而非结束。 比如当朋友给我们介绍一位新朋友时,朋友说,这位朋友性格活泼开朗。
国标重点水污染源运维工作日常事项,整理了仪器设置、运维、维修检查的内容,一起来看吧!
社区模板帮助中心,点此进入>>
论语孔子简单思维导图
《傅雷家书》思维导图
《童年》读书笔记
《茶馆》思维导图
《朝花夕拾》篇目思维导图
《昆虫记》思维导图
《安徒生童话》思维导图
《鲁滨逊漂流记》读书笔记
《这样读书就够了》读书笔记
妈妈必读:一张0-1岁孩子认知发展的精确时间表
Module
介绍
模块:一个一个的局部作用域的代码块
模块系统需要解决的主要问题:
模块化的问题
消除全局变量
管理加载顺序
使用环境
使用 Module 模块化需要一个服务器的环境
使用 VS Code 中的 Live Server 插件可实现
使用 script 标签加载模块
只要用到 import 或 export,在使用 script 标签加载的时候,就要加上 type="module"
####
基本用法
一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。
如果想要外接获取模块内部的某个变量或方法,就必须使用 export 关键字输出该变量。
用法
export 关键字标记了可以从当前模块外部访问的变量和函数
export 命令除了可以输出变量,也可以输出函数和类,写法相同
import 关键字允许从其他模块导入功能
注意
export default
用于导出一个默认值,一个模块只能有一个
导入时可以随便起名
示例
const age = 18;
export default age;
import myAge from 'xx.js';
export
一个模块可以有多个
导入时不能随便起名
export 输出的变量就是本来的名字,但是可以使用 as 关键字重命名
function f() {}
export { f as Fun };
import 时也可以进行重命名
import { f as Fun } from 'f.js';
导出
export const age = 18;
export const name = 'abc';
const name = 'abc';
const age = 18; export { name, age };
导入
import { age, name } from 'p.js';
import * as p from 'p.js';
// console.log(p.name, p.age)
注意事项
模块中,顶层的 this 指向 undefined
import 和 export 命令只能在模块的顶层,不能在代码块中执行
import 命令具有提升效果,会提升到整个模块的头部,率先执行
总结
import