Javascript 判断函数类型完美解决方案


Posted in Javascript onSeptember 02, 2009

但是,有一些细节并不为我们所熟知。John Resig 在分析了这些细节之后,为我们提供了一个完美的解决方案,本文将作详细介绍:

一、传统方法不为人所知的细节
毫无疑问,在判断函数类型时,我们使用的是typeof方法,比如:

function fn(){ 
//content 
} 
alert(typeof fn)//结果是"function"。

但是,该方法在一些浏览器中并不是像我们想像的那样工作。

1、Firefox2和Firefox3
在这两个浏览器中,用typeof检测HTML对象元素的类型,得到是一个不精确的“function”结果,而不是“object”,如HTMLDocument。如:

alert(typeof HTMLDocument); 
//在Firefox2中结果是"function"; 
//在Firefox3中结果是"object";

2、Firefox2
对于正则表达式,在该浏览器中返回的结果是“function”(在Firefox3中结果是“object”),如:
var reg = /test/; 
alert(typeof reg); 
//在Firefox2中结果是"function"; 
//在Firefox3中结果是"object";

注:本人在safari中测试,其结果也是“function”。
3、IE6和IE7
在IE中对DOM元素使用typeof方法,得到的结果是“object”。如:
alert(typeof document.getElementsByTagName("body")[0].getAttribute); 
//结果是"object"

4、Safari 3
safari认为DOM元素的NodeList是一个函数,如:
alert(typeof document.body.childNodes); 
//结果是"function"

很明显,如果你要测试一个对象是否为函数,使用typeof方法并不能从真正意义上保证测试结果。那么,我们就需要一种在所有浏览器中都能保证测试结果的解决方案。我们知道function本身有apply()和call()两种方法,但这两个方法在IE中存在问题的函数中并不存在,试试下面的测试:
alert(typeof document.getElementsByTagName("body")[0].getAttribute.call) 
//在IE中结果是"undefined"

显然,我们不能利用这两个方法。

二、完美解决方案及实现过程
John Resig为我们提供了一个完美的解决方案,这个复杂但很稳定的判断一个对象是否为函数的方法如下:

function isFunction( fn ) { 
return !!fn && !fn.nodeName && fn.constructor != String && 
fn.constructor != RegExp && fn.constructor != Array && 
/function/i.test( fn + "" ); 
}

这个函数首先保证测试的对象存在,并将其序列化成含有“function”的字符串,这个是我们检测的基础(fn.constructor != String,fn.constructor != Array, and fn.constructor != RegExp)。另外,我们需要保证声明的函数不是一个DOM节点(fn.nodeName)。然后,我们就可以作toString测试。如果我们将一个函数转换成字符串,在一个浏览器中(fn+"")给我们的结果就像这样“function name(){...}”。现在,判断它是否为函数就很简单,仅仅只需要判断字符串中是否包含单词“function”。这很神奇,对于任何有问题的函数,在所有浏览器中都能得到我们所需要的结果。这个函数较之于传统的方法,运行速度有些不尽人意,作者建议我们保守使用。

John Resig 是jQuery库的开发者,相信使用该库的朋友们对该库简洁的语法和优秀的性能并不陌生。作者除追求代码简洁和性能高效之外,其尽善尽美的精神也让人叹服。如果你是一个完美主义者,相信此文对你很有帮助。

Javascript 相关文章推荐
AngularJS入门教程之AngularJS模型
Apr 18 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
浅谈JS验证表单文本域输入空格的问题
Feb 14 Javascript
JS库之wow.js使用方法
Sep 14 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
js中的闭包实例展示
Nov 01 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
javascript 控制 html元素 显示/隐藏实现代码
Sep 01 #Javascript
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 #Javascript
JavaScript 继承详解 第一篇
Aug 30 #Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 #Javascript
用cssText批量修改样式
Aug 29 #Javascript
javascript appendChild,innerHTML,join性能比较代码
Aug 29 #Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 #Javascript
You might like
动漫定律:眯眯眼都是怪物!这些角色狠话不多~
2020/03/03 日漫
四月新番又没了,《Re:从零开始的异世界生活》第二季延期至7月播出
2020/05/06 日漫
PHP Header用于页面跳转时的几个注意事项
2016/10/21 PHP
yii2实现 "上一篇,下一篇" 功能的代码实例
2017/02/04 PHP
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
2014/06/02 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
js 转义字符及URI编码详解
2017/02/28 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
2017/12/10 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
matplotlib绘制鼠标的十字光标的实现(自定义方式,官方实例)
2021/01/10 Python
python爬取youtube视频的示例代码
2021/03/03 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
美国顶级奢侈茶:Mighty Leaf Tea(美泰茶)
2016/11/26 全球购物
英国折扣高尔夫商店:Discount Golf Store
2019/11/19 全球购物
介绍一下gcc特性
2015/10/31 面试题
超市促销实习自我鉴定
2013/09/23 职场文书
学生的自我鉴定范文
2013/10/24 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书