如何让ESLint识别特定函数或变量已被外部使用？

1. 用/* global */注释声明全局标识 #

在脚本顶部添加全局注释，把需要暴露给外部使用的函数、变量统一列出来，ESLint会将它们识别为全局可用的标识，不再触发未使用警告。

示例：

/* global handleClick, userData, fetchData */

// 你的函数和变量定义
function handleClick() {
  // 逻辑代码
}

const userData = { name: 'foo' };

function fetchData() {
  // 逻辑代码
}

注释内的标识用逗号分隔，适合单个脚本的场景。

2. 在ESLint配置文件中配置globals字段 #

如果是项目级的统一管理，直接修改ESLint配置文件（如.eslintrc.js、.eslintrc.json），在globals字段里声明需要全局暴露的标识，根据类型设置为writable（可修改变量）或readonly（只读标识）。

示例（.eslintrc.js）：

module.exports = {
  // 其他配置项
  globals: {
    handleClick: 'writable',
    userData: 'writable',
    fetchData: 'readonly'
  }
};

这种方式无需在每个脚本单独加注释，能统一管控整个项目的全局标识。

3. 用export导出标识（模块化环境） #

如果项目采用ES模块规范，直接把需要外部调用的函数、变量用export导出，ESLint会识别它们是对外暴露的内容，不会触发未使用警告。

示例：

// 导出需要外部使用的标识
export function handleClick() {
  // 逻辑代码
}

export const userData = { name: 'foo' };

export function fetchData() {
  // 逻辑代码
}

外部脚本可通过import引入使用，这是现代项目最推荐的规范做法。

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