web开发中怎样检测函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了web开发中怎样检测函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1645字，纯文字阅读大概需要3分钟。

内容图文

从技术上讲，JS中的函数是引用类型，同样存在Function构造函数，每个函数都是其实例，比如：

function myFunc () {}// 不好的写法console.log(myFunc instanceof Function); // true// 好的写法console.log(typeof myFunc === 'function'); // true

然而，这个方法亦不能跨帧（frame）使用，因为每个帧都有各自的Function构造函数。好在typeof运算符也是可以用于函数的，返回"function"。检测函数最好的方法是使用typeof，因为它可以跨帧（frame）使用。

用typeof来检测函数有一个限制。在IE8和更早版本的IE浏览器中，使用typeof来检测DOM节点（比如document.getElementById()）中的函数都返回"object"而不是"function"。比如：

// IE 8及其更早版本的IEconsole.log(typeof document.getElementById); // "object"console.log(typeof document.createElement); // "object"console.log(typeof document.getElementByTagName); // "object"

之所以出现这种怪异的现象是因为浏览器对DOM的实现由差异。简言之，这些早版本的IE并没有将DOM实现为内置的JS方法，导致内置typeof运算符将这些函数识别为对象。因为DOM是有明确定义的，了解到对象成员如果存在则意味着它是一个方法，开发者往往通过in运算符来检测DOM的方法，比如：

// 检测DOM方法if ("querySelectorAll" in document) {
  images = document.querySelectorAll("img");
}

这段代码检查querySelectorAll是否定义在了document中，如果是，则使用这个方法。尽管不是最理想的方法，如果想在IE8及更早浏览器中检测DOM方法是否存在，这是最安全的做法。在其他所有的情形中，typeof运算符是检测JS函数的最佳选择。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

web开发中怎样检测原始值

web开发中如何避免空比较

以上就是web开发中怎样检测函数的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的web开发中怎样检测函数全部内容，希望文章能够帮你解决web开发中怎样检测函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端