内联JS正常但外部引用时报recaptcha()未定义错误排查

这种内联脚本正常、外部引入报函数不存在的问题，本质是函数作用域不匹配：
内联脚本默认运行在页面全局作用域，你定义的recaptcha函数会直接挂载到window全局对象上，HTML内的事件绑定、其他脚本都可以直接调用。但外部脚本引入时只要出现以下任意一种情况，函数就不会暴露到全局，触发你看到的报错——而脚本内不需要对外暴露的自执行代码，完全可以正常运行，和你观察到的现象完全吻合：

• 引入外部脚本的<script>标签加了type="module"属性：ES模块默认使用独立的模块级作用域，顶层声明的函数、变量仅在模块内部生效，不会自动挂载到window对象，外部全局环境自然访问不到。
• 挪到外部文件时，recaptcha函数不小心被包裹在了其他作用域里：比如被包在DOM加载完成的回调（DOMContentLoaded监听、jQuery的DOM就绪回调）、IIFE立即执行函数、其他自定义函数/花括号代码块内部，函数仅在对应的封闭作用域内生效，全局无法访问。
• 存在全局命名冲突：外部脚本加载顺序下，全局作用域在你的函数定义前已经存在名为recaptcha的非函数值，你的函数定义被覆盖，调用时就会提示不是函数。

对应问题逐一排查修复即可：

• 如果是用type="module"引入的外部脚本，要么移除该属性改成普通脚本加载，要么在recaptcha函数定义后手动将其挂载到全局：

  window.recaptcha = recaptcha;
  

• 检查外部JS文件的代码结构，确认recaptcha函数定义在文件最顶层，没有被嵌套在任何其他函数、代码块内部。
• 排查命名冲突问题，最稳妥的方式是给函数改个低冲突的命名，比如handleRecaptchaAction，同步修改所有调用该函数的位置即可。

另外你贴的代码里存在一处笔误：process分支下的console,log('process')把点误写为逗号，修复完函数找不到的问题后记得修正，否则触发该分支时会抛出语法错误。

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