Angular中两种Lodash/FP导入语法的差异及失效问题咨询

嘿，这个问题核心其实和ES模块的默认导出与命名导出机制直接挂钩，咱们来理清楚：

1. import partition from 'lodash/fp/partition'; —— 默认导入 #

Lodash FP 下的单个工具函数文件（比如partition.js），是把对应的函数作为默认导出暴露的。换句话说，这个模块的内部代码大概长这样：

// lodash/fp/partition.js 简化版
const partition = /* 函数实现逻辑 */;
export default partition;

ES模块的默认导入语法就是直接用import 变量名 from 模块路径，这里的变量名甚至可以自定义（比如写成import myPartition from 'lodash/fp/partition'也能正常使用），所以这种写法能成功拿到目标函数。

2. import { partition } from 'lodash/fp/partition'; —— 命名导入（无效原因） #

这种写法是在尝试从模块中导入名为partition的命名导出项，但问题在于：lodash/fp/partition这个模块根本没有提供命名导出——它只导出了默认项，没有类似export const partition = ...的代码。

当你用命名导入语法去请求一个不存在的导出项时，JavaScript运行时找不到对应的内容，自然就无法生效了。

补充：批量导入的正确写法 #

如果想一次性导入多个Lodash FP函数，你可以直接从主模块用命名导入：

import { partition, map, filter } from 'lodash/fp';

这是因为lodash/fp的主模块会把所有工具函数都作为命名导出统一暴露出来。

内容的提问来源于stack exchange，提问作者lakhan_Ideavate