JavaScript中不能在import语句内直接使用解构赋值，但可通过命名空间导入后解构（如import * as utils后const {add, PI} = utils）或默认导出对象+大括号导入（export default {a,b} + import {a,b}）实现简化，二者均非真正解构import本身。
JS 中不能直接用解构赋值简化 import 语句本身，但可以通过模块导出设计 + 解构赋值配合，让导入后的使用更简洁。关键在于“导出方式”和“导入后变量声明”的组合优化。
用命名导出 + 解构赋值声明（最常用）
当模块以 export 方式导出多个命名绑定时，可先用标准 import 导入整个命名空间对象，再用解构提取所需项：
// utils.js
export const add = (a, b) => a + b;
export const multiply = (a, b) => a * b;
export const PI = 3.14159;
<p>// main.js
import * as utils from './utils.js';
const { add, PI } = utils; // ✅ 解构简化后续使用
console.log(add(2, 3), PI); // 5 3.14159</p>这种方式避免重复写 utils.add、utils.PI，适合导入多个且不希望污染全局命名的场景。
用默认导出 + 解构（需模块主动返回对象）
若模块默认导出一个对象，就能在导入时直接解构：
// helpers.js
export default {
format: (str) => str.trim().toUpperCase(),
isValidEmail: (email) => /\S+@\S+\.\S+/.test(email),
};
<p>// main.js
import { format, isValidEmail } from './helpers.js'; // ✅ 看似是命名导入，实则是默认导出对象的解构</p>注意：这要求模块用 export default { ... }，且消费者用大括号语法 —— 这是 ES 模块的特殊规则（对默认导出对象支持“命名导入语法”），不是通用解构。
避免误区：不能在 import 语句里直接解构变量
以下写法 ❌ 是非法的：
import { add, PI } from './utils.js'; // ✅ 正确：这是命名导入，不是解构
import { add, PI } = utils; // ❌ 语法错误：import 后不能跟 =
import * as { add, PI } from './utils.js'; // ❌ 不存在这种语法
import 始终是声明语句，不是表达式，因此不支持运行时解构赋值语法。 所有“简化”都发生在导入之后（即变量声明阶段）或依赖导出结构的设计。
进阶技巧：结合 export type（TypeScript）保持类型简洁
在 TS 中，可导出类型对象，再解构类型（仅类型层面，不影响 JS 运行时）：
// types.ts
export interface User { id: number; name: string; }
export interface Post { title: string; content: string; }
export const types = { User, Post }; // 同时导出类型和值（需启用 `export type` 或值兼容）
<p>// main.ts
import { types } from './types';
type { User, Post } = types; // ✅ TS 类型解构（v4.9+ 支持）</p>这对大型项目组织类型定义很有帮助，但纯 JS 环境不适用。
