JS判断函数是否存在的两种方法

作者:拾光

时间:2026-10-21

浏览:229

本文介绍在JavaScript中判断函数是否存在的两种常用方法。第一种通过try-catch捕获异常并检查typeof;第二种利用typeof运算符直接判断。文章提供了完整的HTML与JS代码示例,帮助开发者理解并应用这些技巧。

文章目录

JS判断函数是否存在的两种方法

本文介绍在JavaScript中判断函数是否存在的两种常用方法。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript" language="javascript" >
function showFace(unipcn,value){}
var isFunction =false;
try{
  //这里的代码需要用try一下,因为当showFace为定义时会抛出异常
  isFunction = typeof(eval('showFace'))=="function";
}catch(e){}
if(isFunction) {
  alert('showFace is a Function!');
}else{
  alert('showFace is not a Function!');
}
</script>
</head>
<body>
</body>
</html>

第一种方法是利用try-catch语句块。由于当引用的函数未定义时,直接调用会抛出异常,因此可以使用try-catch来捕获错误。在try块中,通过检查typeof 的值是否为"function"来判断。如果未捕获到异常且类型为function,则说明函数存在;否则不存在。

JS判断函数是否存在的两种方法

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章