亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

QUnit源碼閱讀(1):工具函數

系統 1631 0

QUnit 是 JavaScript單元測試框架。更加具體的介紹ref:? http://qunitjs.com/

下面是QUnit中的一段代碼:

      (
      
        function
      
      
        () {

    
      
      
        function
      
      
         F() {}

    F.prototype 
      
      =
      
         QUnit;

    QUnit 
      
      = 
      
        new
      
      
         F();

    
      
      
        //
      
      
         Make F QUnit's constructor so that we can add to the prototype later
      
      

    QUnit.constructor =
      
         F;

}());
      
    

What does it mean? I don't know. 直接把代碼copy進瀏覽器中進行測試,同時定義

      QUnit =
      
         {

            add:
      
      
        function
      
      (a, b){
      
        return
      
       a+
      
        b;},

            id: 
      
      1
      
        

        };
      
    

調試后發現:

QUnit源碼閱讀(1):工具函數

?

      
        根據元素id取得元素
        
function
id( name ) { return !!( typeof document !== "undefined" && document && document.getElementById ) && document.getElementById( name ); }

!!感嘆號的作用是什么??很顯然不同于C/C++中的連續兩次!。

他相當于三元運算符,返回boolean值。

      
        var
      
       ret = !!document.getElementById
    

Equals to the following:

      
        var
      
       ret = document.getElementById ? 
      
        true
      
       : 
      
        false
      
      ;
    

Other practical techniques:

      
        var
      
       num = 100
      
        ;

num 
      
      = num +""; 
      
        //
      
      
        var1+"" 轉為 string
      
      

document.write(
      
        typeof
      
       num+" : "+num+"<br/>"
      
        );

            

num 
      
      = ~~num; 
      
        //
      
      
        ~~var1 轉為 int
      
      

document.write(
      
        typeof
      
       num+" : "+num+"<br/>"
      
        );

            

num 
      
      = [num]
      
        //
      
      
        [var1] 轉為 array
      
      

document.write(
      
        typeof
      
       num+" : "+"num instanceof Array"+(num 
      
        instanceof
      
       Array)+" "+num+"<br/>");
    
      
        //
      
      
        為元素elem增加類型為type的事件,對應的函數為fn
      
      
        

//
      
      
        兼容Firefox,chrome及IE事件
      
      
        function
      
      
         addEvent( elem, type, fn ) {

    
      
      
        if
      
      
         ( elem.addEventListener ) {

        elem.addEventListener( type, fn, 
      
      
        false
      
      
         );

    } 
      
      
        else
      
      
        if
      
      
         ( elem.attachEvent ) {

        elem.attachEvent( 
      
      "on" +
      
         type, fn );

    } 
      
      
        else
      
      
         {

        fn();

    }

}
      
    
      
        //
      
      
        把對象b中的屬性和方法導出到對象a中
      
      
        function
      
      
         extend( a, b ) {

    
      
      
        for
      
       ( 
      
        var
      
       prop 
      
        in
      
      
         b ) {

        
      
      
        if
      
       ( b[ prop ] ===
      
         undefined ) {

            
      
      
        delete
      
      
         a[ prop ];



        
      
      
        //
      
      
         Avoid "Member not found" error in IE8 caused by setting window.constructor
      
      

        } 
      
        else
      
      
        if
      
       ( prop !== "constructor" || a !==
      
         window ) {

            a[ prop ] 
      
      =
      
         b[ prop ];

        }

    }



    
      
      
        return
      
      
         a;

}
      
    
      
        //異常棧中取得自己想要的信息
        
//
so far supports only Firefox, Chrome and Opera (buggy), Safari (for real exceptions) // Later Safari and IE10 are supposed to support error.stack as well // See also https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Error/Stack function extractStacktrace( e, offset ) { offset = offset === undefined ? 3 : offset; var stack, include, i, regex; if ( e.stacktrace ) { // Opera return e.stacktrace.split( "\n" )[ offset + 3 ]; } else if ( e.stack ) { // Firefox, Chrome stack = e.stack.split( "\n" ); if (/^error$/i.test( stack[0 ] ) ) { stack.shift(); } if ( fileName ) { include = []; for ( i = offset; i < stack.length; i++ ) { if ( stack[ i ].indexOf( fileName ) != -1 ) { break ; } include.push( stack[ i ] ); } if ( include.length ) { return include.join( "\n" ); } } return stack[ offset ]; } else if ( e.sourceURL ) { // Safari, PhantomJS // hopefully one day Safari provides actual stacktraces // exclude useless self-reference for generated Error objects if ( /qunit.js$/ .test( e.sourceURL ) ) { return ; } // for actual exceptions, this is useful return e.sourceURL + ":" + e.line; } } function sourceFromStacktrace( offset ) { try { throw new Error(); } catch ( e ) { return extractStacktrace( e, offset ); } }
      好的類型檢查實現 
      
// Safe object type checking is: function ( type, obj ) { return QUnit.objectType( obj ) == type; }, objectType: function ( obj ) { if ( typeof obj === "undefined" ) { return "undefined" ; // consider: typeof null === object } if ( obj === null ) { return "null" ; } var type = toString.call( obj ).match(/^\[object\s(.*)\]$/)[1] || "" ; switch ( type ) { case "Number" : if ( isNaN(obj) ) { return "nan" ; } return "number" ; case "String" : case "Boolean" : case "Array" : case "Date" : case "RegExp" : case "Function" : return type.toLowerCase(); } if ( typeof obj === "object" ) { return "object" ; } return undefined; },
       在某一元素上觸發事件
      
// Trigger an event on an element. // @example triggerEvent( document.body, "click" ); triggerEvent: function ( elem, type, event ) { if ( document.createEvent ) { event = document.createEvent( "MouseEvents" ); event.initMouseEvent(type, true , true , elem.ownerDocument.defaultView, 0, 0, 0, 0, 0, false , false , false , false , 0, null ); elem.dispatchEvent( event ); } else if ( elem.fireEvent ) { elem.fireEvent( "on" + type ); } },
      
        判斷是否在數組中存在某一元素
        
function
inArray( elem, array ) { if ( array.indexOf ) { return array.indexOf( elem ); } for ( var i = 0, length = array.length; i < length; i++ ) { if ( array[ i ] === elem ) { return i; } } return -1 ; }
      
        從元素中遞歸取得所有文本
        
function
getText( elems ) { var i, elem, ret = "" ; for ( i = 0; elems[i]; i++ ) { elem = elems[i]; // Get the text from text nodes and CDATA nodes if ( elem.nodeType === 3 || elem.nodeType === 4 ) { ret += elem.nodeValue; // Traverse everything else, except comment nodes } else if ( elem.nodeType !== 8 ) { ret += getText( elem.childNodes ); } } return ret; }

QUnit源碼閱讀(1):工具函數


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 国产成人精品一区二区三在线观看 | 久久久国产精品免费视频 | 日韩高清欧美精品亚洲 | 日本精品视频 | 高清国产美女一级毛片 | 日韩欧美综合 | 欧美 日产 国产精品 | 欧美激情一区二区三级高清视频 | 日韩每日更新 | 国产精品永久在线 | 国产成人cao在线 | 天天射天天干天天 | 日本一级特黄毛片免费视频9 | 中文字幕 国产精品 | 久久久男女野外野战 | 中国妞xxx的视频 | 日韩精品中文字幕在线观看 | 久久国产精品久久久久久久久久 | 91久久老司机福利精品网 | 天天爽夜夜爽天天做夜夜做 | 亚洲一区中文字幕在线 | 性欧美video另类hd亚洲人 | 欧美成人免费视频a | 美美女高清毛片视频黄的一免费 | 欧美久久天天综合香蕉伊 | 色就操| 96精品视频在线播放免费观看 | 性刺激的欧美三级视频 | 最新69成人精品毛片 | 亚洲精品色一区色二区色三区 | 久章草在线 | 精品国产免费一区二区三区 | 国产高清视频在线免费观看 | 狠狠干天天 | 中文字幕一区在线观看视频 | 狼狼色丁香久久女婷婷综合 | 国产在线成人精品 | 亚欧美视频 | 久久成人在线视频 | 亚洲天堂一区二区三区四区 | 亚色视频在线观看 |