跨模块常量
# 跨模块常量
由于 const
声明的变量只在当前代码块有效,如果想设置跨模块的常量(即跨多个文件),或者说一个值要被多个模块共享,可以采用下面的写法。
// constants.js 声明后命名导出
export const a = 1;
export const b = 2;
export const c = 3;
// module1.js 命名空间导入
import * as constants from './constants.js';
console.log(constants.a);
// 1
console.log(constants.b);
// 2
// module2.js 命名导入
import { a, b } from './constants.js';
console.log(a);
// 1
console.log(b);
// 2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
如果要使用的常量非常多,可以建一个专门的 constants
目录,将各种常量写在不同的文件里面,保存在该目录下。
// constants/a.js
export const a = {
a1: 'a1',
a2: 'a2',
a3: 'a3'
}
// constants/b.js
export const b = ['b1', 'b2', 'b3', 'b4', 'b5']
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
然后,将这些文件输出的常量,合并在 index.js
里面。
// constants/index.js
export { a } from './a';
export { b } from './b';
1
2
3
2
3
使用的时候,直接加载 index.js
就可以了。
// module.js
import { a, b } from './constants';
1
2
2
上次更新: 2022/07/01, 17:34:19