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

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條評論
主站蜘蛛池模板: 欧美日韩综合高清一区二区 | 国产精品免费观看网站 | 在线观看国产一区二区三区99 | 视频在线观看一区 | 九九这里只精品视在线99 | 日韩成人精品视频 | 久久精品国产eeuss | 综合久久久久久 | 成人爽a毛片在线视频网站 成人爽视频 | 精品外国呦系列在线观看 | 国产欧美另类久久久精品免费 | 免费播放欧美毛片欧美a | 免费网站看v片在线成人国产系列 | 亚洲综合色就色手机在线观看 | 狠狠色丁香久久婷婷综合_中 | 韩国高清乱理伦片中文 | 五月花激情网 | 久久性生活 | 国产在线观看精品香蕉v区 国产在线观看美女福利精 国产在线观看午夜不卡 | 国产一级aaa全黄毛片 | 久久精品国产视频 | 九九热在线精品视频 | 人人爽天天碰天天躁夜夜躁 | 国产毛片视频网站 | 国产成人综合久久精品红 | 欧美成人h版影片在线观看 欧美成人h精品网站 | 久久精品国产欧美日韩99热 | 天天干天天插 | 亚洲精品不卡在线 | 国产精品9999久久久久仙踪林 | 久久99久久精品国产只有 | 色视频在线免费看 | 性欧美高清久久久久久久 | 波多野结衣绝顶大高潮 | a级毛片免费完整视频 | 国产欧美精品国产国产专区 | 四虎精品免费永久在线 | 天天操操 | 四虎欧美| 高清二区 | 一级毛片免费视频网站 |