as 关键字用于 ES Modules 中导入或导出时重命名标识符，提升语义清晰度、避免冲突；支持具名导出/导入重命名、默认导出间接重命名、命名空间重命名，但不可直接用于 export default 声明后。
as 关键字在 ES Modules 中用于重命名导入或导出的标识符，让名字更贴合语义、避免冲突，或适配不同上下文需求。它既可用在 export 里改对外暴露的名字，也可用在 import 里改当前作用域内的局部名称。
导出时用 as 重命名（改别人看到的名字）
适用于具名导出，不能直接用于默认导出声明本身，但可通过解构方式间接实现。
- 先定义变量/函数，再导出并重命名：
const add = (a, b) => a + b;<br>export { add as sum }; - 多个一起重命名：
export { add as sum, subtract as diff, multiply as product }; - 重命名默认导出（需配合 from）：
export { default as ApiClient } from './api.js'; - 重命名整个模块的命名空间导出：
export * as utils from './helpers.js';（这会把 helpers 所有命名导出挂到utils对象下）
导入时用 as 重命名（改自己用的名字）
只影响当前文件内部引用，不改变源模块结构，非常常用且安全。
- 单个导入重命名：
import { add as sum } from './math.js'; - 多个同时重命名：
import { add as sum, subtract as minus, multiply as times } from './math.js'; - 默认导入 + 命名导入混合重命名：
import ApiClient, { request as sendRequest } from './api.js'; - 整个模块命名空间重命名：
import * as mathUtils from './math.js';（mathUtils.sum等）
常见误区和注意事项
as 不是万能别名工具，有些写法看似合理实则无效。
立即学习“Java免费学习笔记（深入）”；
- ❌ 错误：在 export default 后直接加 as
export default function calc() {} as compute;（语法错误） - ✅ 正确：先声明函数，再通过 export { default as ... } 重命名
function calc() {}<br>export { default as compute } from './self.js';（需另存为文件）或export { calc as default }; // 不推荐，语义混乱 - ⚠️ 导入重命名不会影响其他模块 —— 每个文件可独立选择别名
- ⚠️ 导出重命名会影响所有使用者 —— 改了就要同步更新所有 import 语句
实用建议
重命名不是炫技，而是为了清晰和协作。
- 当原始名太泛（如
handle）、太简（如f）或与本地变量冲突时，优先用 as - 聚合导出（re-export）时，用 as 统一接口命名，比如把多个工具函数导出为
formatDate、formatNumber而非保留原名 - 团队项目中，导出重命名应写进文档或类型定义（.d.ts），避免使用者困惑
- 搭配 TypeScript 使用时，as 重命名会直接影响类型推导和自动补全，效果更明显
