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

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條評論
主站蜘蛛池模板: 日韩一区二区三区在线免费观看 | 夜夜艹日日艹 | 亚洲图片国产日韩欧美 | 久久只有精品视频 | 亚洲精品一区久久狠狠欧美 | 久久久久久尹人网香蕉 | 日本一区二区三区免费看 | 免费精品久久久久久中文字幕 | 久草免费公开视频 | 日本一级大黄毛片免费基地 | 亚洲精品亚洲九十七页 | 国产精品久草 | 天天射夜夜操 | 床上毛片| 欧美福利在线视频 | 老司机免费福利视频无毒午夜 | 成 人国产在线观看高清不卡 | 国产亚洲精品sese在线播放 | 天天干在线观看 | 中文字幕热久久久久久久 | 伊人久久精品成人网 | 久青草青综合在线视频 | 四虎影院海外永久 | 高清一级毛片免免费看 | 同性女女黄h片在线播放 | 国产乱子伦 | 九九精品99久久久香蕉 | 亚洲国产视频在线观看 | 国产日产精品_国产精品毛片 | 成人久久免费视频 | 在线播放人成午夜免费视频 | 麻豆国产精品高中生视频 | 日日操操干干 | 久久国内精品视频 | 久久国产精品久久国产精品 | 久久经典| 四虎影院免费观看视频 | 亚洲 欧美 日韩 综合 | 国产精品久久久香蕉 | 午夜一级精品免费毛片 | 欧美日韩在线成人免费 |