在前端开发中，有时候需要通过字符串来引用一个函数，但是我们并不知道该函数是否存在，这时候就需要检测字符串中所包含的函数是否存在。本篇文章将向您介绍如何实现这个功能。
方法一：使用 eval 函数
eval() 函数可以将一个字符串解析为 JavaScript 代码并执行，如果字符串中的函数不存在，会抛出一个 ReferenceError 异常。因此，我们可以利用 try-catch 语句来捕获这个异常从而判断函数是否存在。
-- -------------------- ---- -------
-------- -------------------------- -
--- -
-- -- ---- -------------
---------------
- ----- --- -
-- ---------------
-- -- ---------- --------------- -
------ ------
-
-
------ -----
-使用示例：
// 声明一个名为 test 的函数
function test() {}
// 检测函数是否存在
console.log(isFunctionExists('test')); // 输出 true
console.log(isFunctionExists('abc')); // 输出 false虽然使用 eval 函数可以实现检测函数是否存在的功能，但是由于安全性问题和性能问题，eval 函数并不被推荐使用。
方法二：使用 typeof 运算符
typeof 运算符可以返回一个值的数据类型，当该值为函数时，返回字符串 "function"。因此，我们可以利用 typeof 运算符来判断函数是否存在。
function isFunctionExists(funcName) {
return typeof window[funcName] === 'function';
}使用示例：
// 声明一个名为 test 的函数
function test() {}
// 检测函数是否存在
console.log(isFunctionExists('test')); // 输出 true
console.log(isFunctionExists('abc')); // 输出 false方法三：使用 ES6 新特性
如果您的项目使用了 ES6 或以上的版本，您可以使用 Reflect.has() 函数来检测全局对象中是否存在指定的属性。因为函数在全局对象中是作为属性存在的，所以我们可以利用该函数来判断函数是否存在。
function isFunctionExists(funcName) {
return Reflect.has(window, funcName) && typeof window[funcName] === 'function';
}使用示例：
// 声明一个名为 test 的函数
function test() {}
// 检测函数是否存在
console.log(isFunctionExists('test')); // 输出 true
console.log(isFunctionExists('abc')); // 输出 false总结
本篇文章向您介绍了三种方法来检测字符串中的函数是否存在，分别是使用 eval 函数、typeof 运算符和 ES6 新特性 Reflect.has()。虽然这几种方法都可以实现检测函数是否存在的功能，但是建议您优先选择 typeof 运算符和 Reflect.has() 函数，因为它们更加安全和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29500