当前位置:网站首页>ES6 模块化
ES6 模块化
2022-08-11 05:17:00 【前端小马】
模块化是指将一个很大的程序文件,拆分为许多个小的文件,然后将多个小文件组合起来
模块化的好处:① 阻止命名冲突; ② 代码复用; ③ 高维护性
ES6 模块化语法:① export 命令:用于规定模块的对外接口
② import 命令:用于输入其他模块提供的功能
export暴露方式:
1.分别暴露
export let name="小王";
export function fun(){
console.log("小王")
}
--------------------------------------------------------
2.统一暴露
let name="小王";
function fun(){
console.log("小王")
}
export {name,fun}
--------------------------------------------------------
3.默认暴露
export default{
name:"小王",
fun(){
console.log("小王")
}
}import导入方式
1.通用的导入方式
import * as 变量名 from "路径";
----------------------------------------
2.结构赋值方式
(1)引入分别暴露
import {name,fun} from "路径"
(2)引入统一暴露
import {name,fun} from "路径"
如果导入的多个文件中,变量名字相同,即会产生命名冲突的问题,可以设置别名解决(as 别名)
import {name as mingzi,fun} from "路径"
(3)引入默认暴露
import {default as 变量名} from "路径";
-------------------------------------------
3.简便形式(只针对默认暴露)
import 变量名 from "路径";边栏推荐
猜你喜欢

Django--20 implements Redis support, context, and interaction of context and interface

task04 Pytorch进阶训练技巧

吃瓜教程task01 第2章 模型评估与选择

05-JS中的BOM和DOM

C语言——文件操作详解(1)

【win10+cuda7.5+cudnn6.0安装caffe④】安装pycaffe

【转载】如何理解数据集中【训练集】、【验证集】和【测试集】

bootstarp作业一:制作分页器

2021研究生数学建模D题,BP神经网络和卷积神经网络解题代码(基于pytorch)

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
随机推荐
ClionIDE compiles by specifying the compiler
【背包】采药题解
05-JS中的BOM和DOM
全国青少年信息学奥林匹克联赛大纲
第8章 函数探幽-2
C语言版通讯录——动态存储(进阶版)
第10章 对象和类 -1
Error in render: “TypeError: Cannot read properties of undefined (reading ‘kingKongList‘)“
Chapter 13 Class Inheritance-1
做款好喝的茶饮~
【网站小白】Hibernate插入数据成功,不报错,但是数据库中没有值
函数怎么用
Blender 初教程
Chapter 4-2 a complex type (pointer)
CSDN 社区内容创作规范
npm install 时报 npm ERR Cannot read properties of null (reading ‘pickAlgorithm‘)
C语言自定义数据类型——联合体
Chapter 4 Composite Types-1
03-npm安装包详解,解决npm下载慢的问题,引入nrm等
leetcode21.合并两个有序链表