2017年5月1日月曜日

開発環境

メタプログラミングRuby 第2版(Paolo Perrotta (著)、角 征典 (翻訳)、オライリージャパン)の1部(メタプログラミング Ruby)、5章(木曜日: クラス定義)、5.6(メソッドラッパー)、5.6.1(アラウンドエイリアス)を JavaScript で取り組んでみる。

HTML5

<pre id="output0"></pre>
<button id="run0">run</button>
<button id="clear0">clear</button>

<script src="sample6.js"></script>

JavaScript

let btn0 = document.querySelector('#run0'),
    btn1 = document.querySelector('#clear0'),
    pre0 = document.querySelector('#output0'),
    p = (x) => pre0.textContent += x + '\n';

let MyClass = () => {
    let that = {},
        myMethod = () => 'myMethod()';

    that.myMethod = myMethod;
    that.m = myMethod;
    that.m2 = myMethod;

    return that;
};

let Amazon = () => {
    let that = {},
        reviewsOf = () => 'Amazon#reviewsOf';

    that.reviewsOf = reviewsOf;

    return that;
};

// 上書きした同名のメソッドの継承した方を呼び出す方法
let AmazonWrapper = () => {
    let that = Amazon(),
        super_reviewsOf = that.reviewsOf,
        reviewsOf = () => {
            let start = new Date(),
                result = super_reviewsOf(),
                timeTaken = new Date().getTime() - start.getTime();

            if (timeTaken > 2) {
                p(`reviewsOf() took more than ${timeTaken / 1000} seconds`);
            } else {
                p(`reviewsOf() took less than ${timeTaken / 1000} seconds`);
            }
            return result;
        };

    that.reviewsOf = reviewsOf;

    return that;
};

let output = () => {
    p('5.6.1 アラウンドエイリアス');
    let obj = MyClass();
    p(obj.myMethod());
    p(obj.m());
    p(obj.m2());

    let amazon1 = Amazon(),
        amazon2 = AmazonWrapper();
    
    p(amazon1.reviewsOf());
    p(amazon2.reviewsOf());
};

btn0.onclick = output;
btn1.onclick = () => pre0.textContent = '';

output();




  








						

0 コメント:

コメントを投稿