開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- JavaScript (プログラミング言語)
- Node.js, Safari(JavaScript エンジン)
- Learning JavaScript [邦訳](参考書籍)
メタプログラミング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 コメント:
コメントを投稿