当前位置:网站首页>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 "路径";边栏推荐
猜你喜欢
随机推荐
C语言——文件操作详解(1)
Object.defineProperty新增/修改属性数据代理
win下Anaconda(环境配置等)和pycharm安装详细教程
C语言结构体详解 (2) 结构体内存对齐,默认对齐数
C language file operation - detailed explanation of data file type, file judgment, and file buffer
C语言之EOF、feof函数、ferror函数
【C语言从初阶到进阶】第二篇 初始C语言(二)
第13章 类的继承-1
pytorch矩阵运算问题
第10章 对象和类-2
uniapp获取用户信息(登录及个人中心页面的实现)
【win10+cuda7.5+cudnn6.0安装caffe③】编译及测试caffe
c 指针学习(1)
看完这篇博客之后,含着泪学会了TCP/IP
leetcode21. Merge two ordered linked lists
C语言自定义数据类型——联合体
C language version - advanced address book (file version)
【CSDN21天学习挑战赛】第一天,配置环境外加实现mnist手写数字识别
吃瓜教程task04 第5章 神经网络
Koa的使用,搭建本地服务器(必会技能)









