VSCode下JS组合模块中Intellisense失效的非TypeScript解决方案

针对你遇到的makeFn.js中dependencyFn失去Intellisense智能提示的问题，以下是几种可行的解决办法：

1. 添加JSDoc类型注释 #

直接在makeFn.js中通过JSDoc明确参数的类型，让编辑器识别dependencyFn的结构：

/**
 * @param {{ doSomething: (input: any) => any }} params - 依赖参数
 * @returns {(input: any) => any}
 */
module.exports = ({ dependencyFn }) => (input) => {
  const val = dependencyFn.doSomething(input);
  return val;
}

如果dependency-fn本身有官方类型定义包（比如@types/dependency-fn），可以直接引用模块类型，得到更精准的提示：

/**
 * @param {{ dependencyFn: import('dependency-fn') }} params
 * @returns {(input: any) => any}
 */
module.exports = ({ dependencyFn }) => (input) => {
  const val = dependencyFn.doSomething(input);
  return val;
}

2. 配置jsconfig.json增强智能提示 #

在项目根目录创建jsconfig.json文件，开启VS Code对JS文件的类型检查支持，结合JSDoc能大幅提升智能提示效果：

{
  "compilerOptions": {
    "checkJs": true,
    "target": "ES6",
    "module": "CommonJS"
  },
  "include": [
    "Services/**/*.js"
  ]
}

开启checkJs后，VS Code会用TypeScript的类型系统分析JS文件，自动识别更多类型信息，同时还能给出基础的类型错误提示。

3. 临时引入依赖用于类型推断（仅作提示用） #

在makeFn.js顶部临时引入dependency-fn，用注释忽略未使用的警告，让编辑器自动识别其类型结构：

// 仅用于类型提示，实际运行不依赖此引入
// @ts-ignore
const _dependencyFn = require("dependency-fn");

/**
 * @param {{ dependencyFn: typeof _dependencyFn }} params
 * @returns {(input: any) => any}
 */
module.exports = ({ dependencyFn }) => (input) => {
  const val = dependencyFn.doSomething(input);
  return val;
}

这种方法不用额外安装类型包，适合快速临时解决提示问题。

内容的提问来源于stack exchange，提问作者apes-together-strong