DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 代碼分析jQuery四種靜態方法使用
代碼分析jQuery四種靜態方法使用
編輯:關於JavaScript     

jQery每一個方法都有對應代碼解析,非常詳細,具有介紹請看下文:

isFunction方法

用於測試是否為函數的對象

示例:

function stub() {
  }
var objs = [
      function () {},
      { x:15, y:20 },
      null,
      stub,
      "function"
     ];
    jQuery.each(objs, function (i) {
    var isFunc = jQuery.isFunction(objs[i]);
    $("span:eq( " + i + ")").text(isFunc);
 })

運行結果:

代碼 代碼如下:
[ true,false,false,true,false ]

源碼分析:

 

// 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).
isFunction: function( obj ) {
   return jQuery.type(obj) === "function";
},

 首先就告訴你自從1.3版本就有bug ,一些dom方法和函數例如alert在ie裡面會返回false,看了下這個bug,因為toString方法和valueOf方法都會被重寫所以有人就提出了用instanceof方法檢測但是在ie6還是有問題。目前為止這個bug還沒有關閉具體大家可以從參考官網bug頁因為我分析的是1.7.1所以就先按照這個版本來,這個方法就是簡單的調用type方法判斷其返回結果是否為字符串function
 
isArray方法

用於測試是否為數組的對象

示例:

 

$("b").append( " + $.isArray([]) );//<b>true</b>

isArray: Array.isArray || function( obj ) {
    return jQuery.type(obj) === "array";
 },

跟isFunctoin一樣直接使用type方法的返回結果

isNumeric方法

確定它的參數是否是一個數字。

$.isNumeric() 方法檢查它的參數是否代表一個數值。如果是這樣,它返回 true。否則,它返回false。該參數可以是任何類型的

示例:

$.isNumeric("-10"); // true
$.isNumeric(16);   // true
$.isNumeric(0xFF);  // true
$.isNumeric("0xFF"); // true
$.isNumeric("8e5"); // true (exponential notation string)
$.isNumeric(3.1415); // true
$.isNumeric(+10);  // true
$.isNumeric(0144);  // true (octal integer literal)
$.isNumeric("");   // false
$.isNumeric({});   // false (empty object)
$.isNumeric(NaN);  // false
$.isNumeric(null);  // false
$.isNumeric(true);  // false
$.isNumeric(Infinity); // false
$.isNumeric(undefined); // false

源碼分析:

代碼 代碼如下:
isNumeric: function( obj ) {
        return !isNaN( parseFloat(obj) ) && isFinite( obj );
},

這個方法不是判斷Number類型而是看起來像數字的類型只要傳進去的參數包含數字那麼就會返回true,首先使用parseFloat方法把參數轉為數組,此方法會保留參數中的數字部分過濾掉其他部分,如果結果不是NaN也沒有超過最大值就是true否則返回false

isWindow方法

用於測試是否為window對象

代碼 代碼如下:isNumeric: function( obj ) {
    return !isNaN( parseFloat(obj) ) && isFinite( obj );
},

一種粗略的方法判斷對象是window,如果滿足傳進來的是對象而且具有setInterval方法則認為該對象為window對象,現在這個方法已經改為判斷是否是窗口對象了具體以後在分析。希望大家能夠喜歡以上內容所述。

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