教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jQuery中isFunction方法的BUG修复

jQuery中isFunction方法的BUG修复

发布时间:2013-08-30   编辑:jiaochengji.com
修复 jQuery 中 isFunction 方法的 BUG
修复 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 方法等)。

为什么会这样呢?


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

那如何完善这个问题呢?

  1. typeof 检测某个方法(例如:document.getElementById) 是否是 object,如何是,则重写 isFunction 函数;
  2. 怎样重写呢?正则判断传入的对象字符串后(”" + 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》

您可能感兴趣的文章:
jQuery中isFunction方法的BUG修复
jsTree 基于JQuery的排序节点 Bug
读jQuery之二(两种扩展)
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
jQuery Autocomplete自动完成插件
jQuery的.css函数的一个BUG
jQuery Validation插件remote验证方式的Bug解决
jQuery 工具函数学习资料
jquery clone方法bug修复
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法

[关闭]
~ ~