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 相关文章推荐
JS图片切换的具体方法(带缩略图版)
Nov 12 Javascript
全面了解js中的script标签
Jul 04 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
Jquery中attr与prop的区别详解
May 27 jQuery
react native仿微信PopupWindow效果的实例代码
Aug 07 Javascript
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
Vue.js进阶知识点总结
Apr 01 Javascript
Vue中如何实现proxy代理
Apr 20 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
node创建Vue项目步骤详解
Mar 06 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
Nov 03 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
使用tp框架和SQL语句查询数据表中的某字段包含某值
2019/10/18 PHP
php命令行模式代码实例详解
2021/02/26 PHP
在网页中屏蔽快捷键
2006/09/06 Javascript
javascript引用对象的方法
2007/01/11 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
谈一谈jQuery核心架构设计
2016/03/28 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
浅谈numpy库的常用基本操作方法
2018/01/09 Python
python实现用户答题功能
2018/01/17 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
Python单元和文档测试实例详解
2019/04/11 Python
python判断变量是否为列表的方法
2020/09/17 Python
使用Python解析Chrome浏览器书签的示例
2020/11/13 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
焊接专业毕业生求职信
2013/10/01 职场文书
银行自荐信范文
2013/10/07 职场文书
卫生院健康教育实施方案
2014/06/07 职场文书
上党课的心得体会
2014/09/02 职场文书
2014全年工作总结
2014/11/27 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
活动主持人开场白
2015/05/28 职场文书
网络新闻该怎么写?这些写作技巧你都知道吗?
2019/08/26 职场文书
mysql优化
2021/04/06 MySQL
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL