当前位置:网站首页>es6模块化
es6模块化
2022-07-04 13:12:00 【梦幻之光_dream】
1.node.js中如何实现模块化规范
node.js遵循了CommonJS的模块化规范。
导入其他模块使用require()方法。
模块对外共享成module.exports对象。
2.模块化的好处
大家都遵循同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用。
3.前端模块化规范的分类
在es6模块化诞生之前,JavaScript社区是用AMD、CMD、CommonJS等模块化规范。
AMD、CMD适用于浏览器端。
CommonJS适用于服务器端。
大多数模块化规范给开发者增加了学习的难度和开发的成本。因此,es6模块规范诞生了。
4.es6模块化规范:它是浏览器端与服务器端通用的模块化开发标准。
es6模块化规范中定义:
每个js文件都是一个独立的模块。
导入其他模块成员使用import关键字。
向外共享模块成员使用export关键字。
在node.js中支持CommonJS模块化规范,若想基于node.js学习es6模块化的语法,可以按照如下两个步骤进行配置:
在package.json的根节点中添加”type”:”module”节点。
快速初始化一个包管理配置文件-package.json的命令:
npm init -y
命令可以在代码终端进行,如果有问题,可以配置环境变量。
5.es6模块化的基本语法:有3种语法。
默认导出与默认导入
默认导出语法:export default { 默认导出的成员(变量或函数) }
注意事项:在每个模块中使用唯一的一次export default,否则会报错。
默认导入语法:import 接受名称 from ‘模块标识符’
例子:import m1 from ./out.js
注意事项:接受名称只要合法就行。
注意事项:终端写命令的时候,如果出现module找不到的问题,那么就要看路径有没有问题。
cd 路径地址 → 可以切换路径
cls → 清除
按需导出与按需导入
按需导出语法:export 按需导出的成员
按需导入语法:import { s1 } from ‘模块标识符’
注意事项:如果有多个成员变量,就用逗号隔开。
每个模块中可以使用多次按需导出。
按需导入的名称与按需导出的名称保持一致。
按需导入时,可以使用as关键字进行重命名。
按需导入可以和默认导出一起使用。
直接导入并执行模块中的代码
语法:import ‘./direct-run.js’
边栏推荐
- Leetcode T48: rotating images
- LVGL 8.2 text shadow
- Node mongodb installation
- 【MySQL从入门到精通】【高级篇】(四)MySQL权限管理与控制
- Excel quickly merges multiple rows of data
- Docker compose public network deployment redis sentinel mode
- Use of arouter
- Oppo find N2 product form first exposure: supplement all short boards
- AI与生命科学
- First experience of ViewModel
猜你喜欢
Detailed index of MySQL
Red envelope activity design in e-commerce system
The failure rate is as high as 80%. What are the challenges on the way of enterprise digital transformation?
Nowcoder rearrange linked list
SqlServer函数,存储过程的创建和使用
STM32F1与STM32CubeIDE编程实例-MAX7219驱动8位7段数码管(基于GPIO)
Rich text editing: wangeditor tutorial
LVGL 8.2 Line wrap, recoloring and scrolling
Gin integrated Alipay payment
【MySQL从入门到精通】【高级篇】(五)MySQL的SQL语句执行流程
随机推荐
阿里被裁员工,找工作第N天,猎头又传来噩耗...
R language uses dplyr package group_ The by function and the summarize function calculate the mean and standard deviation of the target variables based on the grouped variables
第十六章 字符串本地化和消息字典(二)
LVLG 8.2 circular scrolling animation of a label
STM32F1与STM32CubeIDE编程实例-MAX7219驱动8位7段数码管(基于GPIO)
关于miui12.5 红米k20pro用au或者povo2出现问题的解决办法
opencv3.2 和opencv2.4安装
Solutions to the problems of miui12.5 red rice k20pro using Au or povo2
Stm32f1 and stm32subeide programming example -max7219 drives 8-bit 7-segment nixie tube (based on GPIO)
架构方面的进步
R language ggplot2 visualization: gganimate package creates animated graph (GIF) and uses anim_ The save function saves the GIF visual animation
sql优化之查询优化器
gin集成支付宝支付
C language programming
Digi XBee 3 RF: 4个协议,3种封装,10个大功能
Digi XBee 3 rf: 4 protocols, 3 packages, 10 major functions
LVGL 8.2 Menu
Pandora IOT development board learning (RT thread) - Experiment 3 button experiment (learning notes)
Leetcode T47: 全排列II
失败率高达80%,企业数字化转型路上有哪些挑战?