性能計測機能を作ってみた4〜jquery-aopで織り込んでみた〜

JavaScript 実装

以前作った 性能計測機能を、jquery-aop で織り込んでみた。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <TITLE>タイトル</TITLE>
    <SCRIPT src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></SCRIPT>
    <SCRIPT src="./aop.js"></SCRIPT>
    <SCRIPT src="./speedTester.js"></SCRIPT>
    <SCRIPT type="text/javascript">
        var obj = {
            f1: function(str) {
                alert(str);
                for(var i = 0; i < 1000000; i++) {
                    var a = 'a' + 'a' + 'a' + 'a' + 'a' + 'a' + 'a';
                }
            },
            f2: function() {
            }
        };
        
        // 計測処理を織り込む
        var st = speedTester();
        $.aop.around( {target: obj, method: /f.*/}, 
            function(invocation) {
                var stName = invocation.method + '_' + (new Date().getTime());
                st.setStart(stName);
                invocation.proceed(invocation.arguments);
                st.setEnd(stName);
        });

        obj.f1('1回目');
        obj.f1('2回目');
        obj.f2();
        
        st.outputAllResults();

    </SCRIPT>
  </HEAD>
  <BODY>
  </BODY>
</HTML>