当前位置: 移动技术网 > IT编程>网页制作>CSS > es6跨模块常量代码实例讲解

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

2018年04月05日  | 移动技术网IT编程  | 我要评论
跨模块常量 本书介绍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';

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网