ES6 新特性（六）

作者：阡陌r

2023-10-30
江苏
本文字数：594 字
阅读完需：约 2 分钟

模块化

介绍

模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。

模块化的好处
防止命名冲突
代码复用
高维护性
模块化分类及实现
CommonJS => NodeJS Browserify
AMD => requireJS
CMD => sealJS
Module（ES6）

ES6 模块化语法

模块功能主要由两个命令构成，export 和 import

export 命令用于规定模块的对外接口
import 命令用于输入其他模块提供的功能

export 语法

分别暴露

export let name = 'Alex';
export function work() {  console.log('You must work hard');}

复制代码

统一暴露

let name = 'Alex';
function work() {  console.log('You must work hard');}
export {name, work};

复制代码

默认暴露

export default {  name: 'Alex',  work: function() {    console.log('You must work hard');  }}

复制代码

import 语法

通用导入方式

...<script type="module">  // 引入module1.js模块内容  import * as m1 from "./module.js";  console.log(m1);</script>

复制代码

解构赋值形式

...<script type="module">  import { name, work } from "./module.js";  import { name as name2, work as work2 } from "./module2.js"; // 使用别名  import { default as m3 } from "./module3.js"; // 匹配默认暴露方式  console.log(name);  console.log(work);</script>

复制代码

简便形式 --只能针对默认暴露

...<script type="module">  import m3 from "./module3.js"; // 匹配默认暴露方式</script>

复制代码

发布于: 36 分钟前阅读数: 6

原文链接:【http://xie.infoq.cn/article/b47fe17980c6724af05dc3879】。文章转载请联系作者。

阡陌r

关注

即行于阡陌，也归于浩瀚 2018-03-26 加入

还未添加个人简介

发布

暂无评论

创作场景

ES6 新特性（六）

模块化

介绍

ES6 模块化语法

export 语法

import 语法

阡陌r

评论