javascript - 将变量分配给 'import' ed ES2015 模块

Question

假设我有这样的模块，

//mul.js
export default function (v) {
  return v * v;
}

使用如下。

import mul from 'mul.js'
console.log(mul(3))

问题是，如何将模块 mul 分配给另一个变量(或对象)？我不想污染每个模块的命名空间。

Answer 1

为了防止污染命名空间，我通常使用中间文件。例如，这就是我组织数据库查询的方式:

// queries.js
import { calEventQueries } from './calevent/calevent'
import { courseQueries } from './course/course'
import { paymentPlanQueries } from './paymentplan/paymentplan'
/* etc etc etc */    

/* then I export them individually */
export { calEventQueries }
export { courseQueries }
export { paymentPlanQueries }

/* and as a group */
export default {
    calEventQueries,
    courseQueries,
    paymentPlanQueries,
}

那么，我要做的就是

import queries from '../path/to/queries.js'

如果我想从一个变量访问我的所有查询，例如，queries.calEventQueries。

但这很有用，因为我也可以轻松地只获取一组查询:

import { courseQueries } from '../path/to/queries.js'

---

第二种选择是使用 as 关键字:

import { default as someOtherName } from '../path/to/mul.js'

但我不确定这是否适合您的用例。