模块化相关规范

1.1模块化概述

传统开发模式的主要问题

①命名冲突 ②文件依赖

通过模块化解决上述问题

模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块
模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护

1.2 浏览器端模块化规范

1.AMD

Require.js(http://www.require.cn/)

2.CMD

Sea.js(https://seajs.github.io/seajs/docs/)

1.3服务器端模块化规范

1.CommonJS

①模块分为单文件模块与包
②模块成员导出:module.exports和exports
③模块成员导入:require(‘模块标识符’)

1.4大一统的模块化规范 es6模块化

1.es6模块化规范定义:

1.每个js都是一个独立模块
2.导入模板成员使用import关键字
3.暴露模块成员使用export关键字

2.Node.js中通过babel体验es6模块化
在这里插入图片描述

1.5es6模块化基本语法

1、默认导出与默认导入

默认导出语法export default 默认导出的成员 注:只允许用一次
在这里插入图片描述
默认导入语法 import 接收 from ‘模块标识符’ 注:按需导出可使用多次
在这里插入图片描述
2.按需导出和按需导入
按需导出语法 export let s1 = 10
按需导入语法 import { s1 } from ‘模块标识符’
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值