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

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

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

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

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

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

let key = "1234455";

function Encrypt(word){

//加密方法

}

function Decrypt(word){

//解密方法

扫描二维码关注公众号,回复: 4562013 查看本文章

}

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

猜你喜欢

转载自blog.csdn.net/qq_30068487/article/details/84984112
今日推荐