在 JavaScript 的模块化编程中，我们可以使用 import 和 export 语句来实现模块间的代码复用和依赖管理。在 ES6 中，引入了新的 import * as ns 语法来导入整个模块，ES12 新增了 export * as ns 语法，允许将一个模块的所有导出都绑定到一个命名空间下，便于管理和组织代码。
语法
export * as ns 语法的使用方法如下：
export * as ns from './module';
其中 module 是一个模块路径，ns 是一个命名空间，可以是任何合法的标识符，用于绑定需要导出的模块的所有导出。
示例
假设我们有一个名为 utils.js 的模块，它暴露了一些实用函数：
-- -------------------- ---- ------- ------ -------- -------------- - ------------------- ----------- - ------ -------- ------ -- - ------ - - -- - ------ -------- ----------- -- - ------ - - -- - ------ ----- -- - ----------
我们可以使用 export * as ns 将所有导出绑定到一个命名空间下，例如 utils：
export * as utils from './utils';
那么在其他模块中，我们可以这样访问 utils 命名空间下的函数和变量：
import { utils } from './utils';
utils.sayHello('Mark'); // 输出：Hello, Mark!
console.log(utils.add(2, 3)); // 输出：5
console.log(utils.multiply(2, 3)); // 输出：6
console.log(utils.PI); // 输出：3.1415926不仅如此，我们也可以通过 import 语句导入模块的部分导出，并将其绑定到命名空间下：
export { sayHello } from './utils';
export * as utils from './utils';指导意义
使用 export * as ns 可以使我们更加方便地管理和组织代码，将模块的所有导出都绑定到一个命名空间下，避免了顶级作用域中出现过多的变量和函数。同时，我们也可以根据需要选择性地导出模块的一部分内容，提高代码的可读性和可维护性。
值得注意的是，使用 export * as ns 可能会导致命名空间中存在多个同名的变量和函数，因此需要避免出现命名冲突，尤其是在大项目中。
结论
ES12 中的 export * as ns 语法为模块化编程带来了更加方便和灵活的导出方式，使我们能够更加方便地管理和组织代码，提高代码的可读性和可维护性。当然，在使用时需要注意避免命名冲突的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675318cf8bd460d3ad9b09ee