jQuery中isFunction方法的BUG修复

(编辑：jimmy 日期: 2026/3/10 浏览：3 次 )

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> <h3>测试原始的 isFunction 函数方法</h3> <h3>测试修复后 isFunction 函数方法</h3> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
会发现在 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); };})()

参考阅读：

《isFunction hacked, isCallable solution》
《isFunction() or isObject(), that is the question ? 》
《Lazy Function Definition Pattern》

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