ES6之模块化
发布日期:2021-07-27 05:07:04 浏览次数:10 分类:技术文章

本文共 645 字,大约阅读时间需要 2 分钟。

12、模块化

随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂

在这里插入图片描述

Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。

但是,Javascript不是一种模块化编程语言,它不支持"类"(class),更遑论"模块"(module)了。
在 ES6 前, 实现模块化使用的是 RequireJS 或者 seaJS(分别是基于 AMD 规范的模块化库, 和基于 CMD 规范的模块化库)。
ES6 引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量。
ES6 的模块化分为导出(export) @与导入(import)两个模块。

创建api/user.js

let getList =  () => {
console.log('获取数据列表')}​let save = () => {
console.log('保存数据')}export {
getList, save }

创建component/user.js(注意:浏览器不支持很多ES6的高级功能,我们需要使用babel将其转换成ES5,后面的课程将会介绍)

import {
getList, save } from "../api/user.js"console.log(getList())console.log(save())

转载地址:https://blog.csdn.net/qq_45442483/article/details/111146090 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue.js 是什么
下一篇:ES6之Promise

发表评论

最新留言

不错!
[***.144.177.141]2024年09月18日 20时54分24秒