当前位置:网站首页>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 "路径";
边栏推荐
猜你喜欢
随机推荐
LeetCode1166. Designing File Systems
Randomly generate uuid using rand function
【分享】一个免费语料库
【无标题】
怎么用管理员方式打开压缩包
C语言学习记录--变量基本类型和内存大小
旅游住宿酒店14页
c pointer learning (2)
数组的用法
吃瓜教程task05 第6章 支持向量机
【记录】TypeScript
第4章 复合类型-2(指针)
LeetCode43. String multiplication (this method can be used to multiply large numbers)
【win10+cuda7.5+cudnn6.0安装caffe①】安装cuda和cudnn
【网站小白】Hibernate插入数据成功,不报错,但是数据库中没有值
【win10+cuda7.5+cudnn6.0安装caffe③】编译及测试caffe
win下clion打包的.exe文件在无运行环境的电脑运行显示缺失各种.dll
c 指针学习(1)
Visual Studio上一些Error的解决方案
程序员小白的自我救赎之路。