JavaScript通过as关键字实现别名导入以解决同名导出冲突，支持默认导出重命名、具名导出重命名、混合导入别名及命名空间导入，且别名需为合法标识符。

当多个模块导出同名变量、函数或类时，直接解构导入会导致命名冲突。JavaScript 提供了 别名导入（alias import） 机制，通过 as 关键字为导入的成员指定新名称，从而清晰区分来源、避免覆盖。

用 as 给导入成员起别名

这是最常用的方式，适用于默认导出和具名导出：

• 导入默认导出时，as 可用于重命名默认导出值（注意：不能和 default 关键字混用）：

import { default as utilsA } from './utils-a.js';
import { default as utilsB } from './utils-b.js';

• 导入具名导出时，直接在花括号内用 originalName as newName：

import { calculate as calcA } from './math-a.js';
import { calculate as calcB } from './math-b.js';

// 现在可安全调用：
calcA(2, 3); // 来自 math-a
calcB(2, 3); // 来自 math-b

混合导入 + 别名：兼顾清晰与简洁

一个模块可能同时有默认导出和具名导出，可以组合使用别名与解构：

Java Maven Common

Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。

下载

import React, { useState as useStateA } from 'react';
import Vue, { ref as refB } from 'vue';

// React.useState 和 Vue.ref 不再冲突，且语义明确

统一前缀式别名（适合大量同名成员）

当多个模块导出大量同名成员（如 init、destroy），逐个加 as 易冗长。此时可使用 命名空间导入（namespace import），再通过点号访问：

立即学习“Java免费学习笔记（深入）”；

import * as apiV1 from './api-v1.js';
import * as apiV2 from './api-v2.js';

apiV1.init();
apiV2.init(); // 无冲突，来源一目了然

这种方式不引入全局命名污染，也便于 IDE 自动补全和类型推导（尤其在 TypeScript 中）。

注意事项

• as 只作用于导入语句内部，不影响原模块代码；
• 别名必须是合法标识符，不能是字符串或表达式；
• 不能对同一个导入多次使用 as（如 import { foo as bar as baz } ❌）；
• 动态 import() 返回 Promise，别名需在 then 或 await 后手动重命名对象属性，不支持语法级 as。