es6中模块化的内容介绍（代码示例）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了es6中模块化的内容介绍（代码示例），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1962字，纯文字阅读大概需要3分钟。

内容图文

本篇文章给大家带来的内容是关于es6中模块化的内容介绍（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

概述

模块化是一个大型项目的必然趋势。

命名导出

可以使用export关键字，导出你要导出的东西，可以导出常量、变量、函数、类,

// export.js

export var var0 = 'var0' // 直接导出 var 声明
export let let0 = 'let0' // 直接导出 let 声明
export const const0 = 'const' // 直接导出 const 导出
export function func1() {} // 直接导出函数
export function* funcx() {} // 直接导出生成器函数
export class class0{} // 直接导出类

let variable = 'variable' 
export {variable} // 先声明后导出， 需要使用{} 包裹

function func2(){}
export {func2} // 先声明后导出，需要使用 {} 包裹

function* funcx(){}
export {funcx} // 先声明后导出，需要使用 {} 包裹

class class1{}
export {class1} // 先声明后导出，需要使用 {} 包裹
export {class1 as Person} // 别名导出

命名导入

命名导入需要使用{}包裹，可以同时导入多个命名导出

import {var0} from './export' // 导入 var0
import {let0} from './export' // 导入 let0
import {const0} from './export' // 导入 const0
import {func1} from './export' // 导入 func1
import {funcx} from './export' // 导入 funcx
import {class0} from './export' // 导入 class0

import {var0, let0} from "./export"; // 同时导入多个命令导出
import {Person as class1} from "./export"; // 导入后取别名

默认导出

默认导出可以使用default关键字，可以匿名导出

export default 1 // 默认导出常量
export default function () {} // 默认导出
export default () => {}
export default function* () {}
export default class {}

默认导出

因为默认导出导出的其实是匿名导出，所以导入的时候可以使用任意名字导入，并且无需使用{}包裹

import num from './export'
import func from './export'
import arrowFunc from './export'
import generatorFunc from './export'
import class0 from './export'

全部导入

将一个模块的所有导出都导入到别名中

import * as MyModule from './export'

重定向

将另一个模块的东西当做当前模块直接导出

export {var0} from './export'
export * from './export'

以上就是es6中模块化的内容介绍（代码示例）的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的es6中模块化的内容介绍（代码示例）全部内容，希望文章能够帮你解决es6中模块化的内容介绍（代码示例）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---