jQuery中isFunction方法的BUG修复- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery中isFunction方法的BUG修复

Javascript: 如何用js控制css中的float的代码; Autocomplete Textbox Example javascript实现自动完成成功; FormValid0.5版本发布，带ajax自定义验证例子; wordpress之js库集合研究介绍; 推荐发几个常用控件(新加DHTML控件); 7. Microsoft Online-Crash Control, version 6.0(微软在线崩溃控件); javascript下阻止表单重复提交、防刷新、防后退; javascript下计数器每秒自动加1; 给所有的超级练级都加上onmousemove时间的js代码; js实现运行代码需要刷新的解决方法; 兼容FF/IE跟随鼠标的层的效果; 用javascript获得css中的属性值的代码; 用javascript实现页内搜索的脚本代码; 用javascript 控制表格行的展开和隐藏的代码; 用javascript实现隐藏状态栏的代码; Code:　write(s,d) 输出连续字符串; javascript创建页面蒙板的一些知识技巧总结; 转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K; 用javascript判断输入数据是否货币并自动添加￥符号的代码; js类中获取外部函数名的方法

No. « ‹ 79 80 81 82 › »

技术文章搜索

关键字

Javascript 中的 jQuery中isFunction方法的BUG修复

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 368 ::

收藏到网摘: n/a

javascript中利用数组实现的循环队列代码将函数的实际参数转换成数组的方法

修复 jQuery 中 isFunction 方法的 BUG

jQuery 1.4 源码 449 行（core.js 431 行），判断是否为函数的方法如下（思路来源于 Douglas Crockford 的《The Miller Device》）：

isFunction: function( obj ) {
 return toString.call(obj) === "[object Function]";
},

同时 jQuery 的作者也作了部分注释：

See test/unit/core.js for details concerning isFunction. Since version 1.3, DOM methods and functions like alert aren't supported. They return false on IE (#2968).

即：此方法在 IE 下无法正确识别 DOM 方法和一些函数（例如 alert 方法等）。

为什么会这样呢？

<!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=gb2312" />
<title>修复 jQuery 中 isFunction 方法的 BUG</title>
</head>
<body>
<h3>使用 typeof 运算符检测各种方法：</h3>
<script>
document.writeln('typeof eval: ' + typeof eval + '<br>');
document.writeln('typeof confirm: ' + typeof confirm + '<br>');
document.writeln('typeof confirm: ' + typeof window.open + '<br>');
document.writeln('typeof alert: ' + typeof alert + '<br>');
document.writeln('typeof window.alert: ' + typeof window.alert + '<br>');
document.writeln('typeof document.getElementById: ' + typeof document.getElementById + '<br>');
document.writeln('typeof document.createElement: ' + typeof document.createElement + '<br>');
</script>
<h3>测试原始的 isFunction 函数方法</h3>
<script>
var isFunction = function( fn, name ) {
return document.writeln('isFunction(' + name + '): ' + (Object.prototype.toString.call(fn) === "[object Function]") + '<br>');
}
isFunction(eval,'eval');
isFunction(confirm, 'confirm');
isFunction(window.open, 'window.open');
isFunction(alert, 'alert');
isFunction(window.alert, 'window.alert');
isFunction(document.getElementById, 'document.getElementById');
isFunction(document.createElement, 'document.createElement');
isFunction(isFunction, 'isFunction');
</script>
<h3>测试修复后 isFunction 函数方法</h3>
<script>
var isFunction = (function() {
return typeof document.getElementById === "object" ?
isFunction = function(fn, name){
try {
return document.writeln('isFunction(' + name + '): ' + (/^\s*\bfunction\b/.test("" + fn)) + '<br>');
} catch (x) {
return document.writeln('isFunction(' + name + '): ' + (false) + '<br>');
}
}:
isFunction = function(fn, name){
return document.writeln('isFunction(' + name + '): ' + ("[object Function]" === Object.prototype.toString.call(fn)) + '<br>');
};
})()
isFunction(eval,'eval');
isFunction(confirm, 'confirm');
isFunction(window.open, 'window.open');
isFunction(alert, 'alert');
isFunction(window.alert, 'window.alert');
isFunction(document.getElementById, 'document.getElementById');
isFunction(document.createElement, 'document.createElement');
isFunction(isFunction, 'isFunction');
</script>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

会发现在 IE 下用 typeof 检测 alert、confirm 方法以及 DOM 的方法显示 object，而其他浏览器下显示 function。

那如何完善这个问题呢？

typeof 检测某个方法（例如：document.getElementById）是否是 object，如何是，则重写 isFunction 函数；
怎样重写呢？正则判断传入的对象字符串后（”" + fn），是否起始位置含有 function，即：/^\s*\bfunction\b/.test(” + fn)。

OK，看下根据以上思路修改后的 isFunction 函数：

复制代码代码如下:

var isFunction = (function() { // Performance optimization: Lazy Function Definition return "object" === typeof document.getElementById ? isFunction = function(fn){ try { return /^\s*\bfunction\b/.test("" + fn); } catch (x) { return false } }: isFunction = function(fn){ return "[object Function]" === Object.prototype.toString.call(fn); };})()

参考阅读：

javascript中利用数组实现的循环队列代码将函数的实际参数转换成数组的方法

Javascript 中的 jQuery中isFunction方法的BUG修复

评论 (0) All