JS-export和import实现模块化管理

53 阅读 0 评论 35 点赞

我是靠谱客的博主自然大碗，最近开发中收集的这篇文章主要介绍JS-export和import实现模块化管理，觉得挺不错的，现在分享给大家，希望可以做个参考。

JS中经常会用到export和import，以实现代码模块化管理。其中：

export：用于对外输出本模块（一个文件可以理解为一个模块）变量的接口

import：用于在一个模块中加载另一个含有export接口的模块。

换句话说export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。下面将举例说明：

1）定义一个模块test.js（其中包括属性和方法），并定义好模块的输出

let key = "1234455";

function Encrypt(word){

//加密方法

}

function Decrypt(word){

//解密方法

}

export default{

key,

Encrypt,

Decrypt

}

2）在另外一个模块通过import引用

index.js:

import {key,Encrypt,Decrypt} from './test.js' //通过import引用另一个模块输出的参数

更多export和import的使用，参考：https://blog.csdn.net/q646926099/article/details/66476125

以上就是自然大碗为你收集整理的JS-export和import实现模块化管理的全部内容，希望文章能够帮你解决JS-export和import实现模块化管理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。