DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery中isFunction方法的BUG修復
jQuery中isFunction方法的BUG修復
編輯:JQuery特效代碼     

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》
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved