web开发中怎样检测函数
程序员文章站
2022-04-11 12:01:00
...
这次给大家带来web开发中怎样检测函数,web开发中检测函数的注意事项有哪些,下面就是实战案例,一起来看一下。
从技术上讲,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函数的最佳选择。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是web开发中怎样检测函数的详细内容,更多请关注其它相关文章!
上一篇: PHP的23种设计模式1
下一篇: web开发中怎样检测数组
推荐阅读
-
详解WordPress开发中get_header()获取头部函数的用法
-
python开发中range()函数用法实例分析
-
Android开发中怎样调用系统Email发送邮件(多种调用方式)
-
Python Web开发中的WSGI协议简介
-
详解WordPress开发中wp_title()函数的用法
-
简介iOS开发中应用SQLite的模糊查询和常用函数
-
详解WordPress开发中过滤属性以及Sql语句的函数使用
-
Java Web开发过程中登陆模块的验证码的实现方式总结
-
程序运行时间测试 - 使用libc 中 time 函数 实现秒级的运行时间检测
-
Jsp开发基础知识+九大隐式对象+11个内置对象+标签库(实际web开发中的典型)