如何在JavaScript中检测全局函数是否存在？遇ReferenceError问题求助

嘿，我来帮你搞定这个头疼的问题！你碰到的ReferenceError其实是个很常见的小陷阱——当GlobalFunctions这个全局对象本身都还没定义的时候，直接去访问它的something属性会直接抛出错误，而不是像你预期的那样返回undefined让typeof去检测。

正确的检测方式 #

你需要先确认GlobalFunctions对象本身存在，再去检测它的属性是否为函数，这里有两种靠谱的实现方式：

1. 传统短路检测法

这种方式兼容所有JS环境，不会有语法兼容性问题：

// 先判断GlobalFunctions是否存在，再判断其属性是否为函数
if (typeof GlobalFunctions !== 'undefined' && typeof GlobalFunctions.something === 'function') {
    // 确认安全后再调用函数
    GlobalFunctions.something();
}

这里利用了逻辑与&&的短路特性：如果第一个条件typeof GlobalFunctions !== 'undefined'不成立，后面的检测代码就不会执行，自然也就不会触发报错。

2. ES2020+可选链简化法

如果你的项目支持ES2020及以上的语法（比如用了Babel转译，或者目标浏览器版本较新），可以用更简洁的可选链操作符：

// 可选链会自动处理对象不存在的情况
if (typeof GlobalFunctions?.something === 'function') {
    GlobalFunctions.something();
}

GlobalFunctions?.something的作用是：如果GlobalFunctions不存在，直接返回undefined，而不是抛出错误，这样后续的typeof检测就能正常进行了。

额外注意事项 #

别忘了确认GlobalFunctions这个全局对象是在你的代码执行之前就已经被定义了的：

• 如果它是在单独的脚本文件里定义的，要确保那个脚本在my-app.js之前加载；
• 如果是动态创建的，要保证检测代码在对象创建之后执行。

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