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