欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

es6跨模块常量代码实例讲解

程序员文章站 2022-03-13 12:40:05
跨模块常量 本书介绍const命令的时候说过,ES6 const声明的常量只在当前代码块有效。如果想设置跨模块的常量(即跨多个文件),或者说一个值要被多个模块共享,可以采用下面...

跨模块常量

本书介绍const命令的时候说过,ES6

const声明的常量只在当前代码块有效。如果想设置跨模块的常量(即跨多个文件),或者说一个值要被多个模块共享,可以采用下面的写法。

// constants.js 模块

export const A = 1;

export const B = 3;

export const C = 4;

// test1.js 模块

import * as constants from './constants';

console.log(constants.A); // 1

console.log(constants.B); // 3

// test2.js 模块

import {A, B} from './constants';

console.log(A); // 1

console.log(B); // 3

如果要使用的常量非常多,可以建一个专门的constants目录,将各种常量写在不同的文件里面,保存在该目录下。

// constants/db.js

export const db = {

  url: 'https://my.couchdbserver.local:5984',

  admin_username: 'admin',

  admin_password: 'admin password'

};

// constants/user.js

export const users = ['root', 'admin', 'staff', 'ceo', 'chief', 'moderator'];

然后,将这些文件输出的常量,合并在index.js里面。

// constants/index.js

export {db} from './db';

export {users} from './users';

使用的时候,直接加载index.js就可以了。

// script.js

import {db, users} from './index';