開発環境
- 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 コメント:
コメントを投稿