• 履歴一覧
• 現在との差分 を表示
• ソース を表示
• 履歴 を表示
• JavaScript/配列に独自の関数をもたせる へ行く。
  • 1 (2018-05-14 (月) 10:26:53)

• 追加された行はこの色です。
• 削除された行はこの色です。

#author("2018-05-14T01:26:53+00:00","default:haruki","haruki")
* キーワード [#i72a4e02]
- JavaScript
- prototype

* したいこと [#ef33a54d]

サーバーから受け取るリストはArrayとして扱える。そこに業務的な独自関数を追加して、ロジックの流出を防ぎたい。

* どうやって [#h0c63197]

** コレクションをフィールドにもつなら [#je6c2a14]

ファーストクラスコレクションの形でデータをもつなら、その型のprototypeに関数をもたせることができる。

 function FirstClassCollection() {
   this.__content;
 }
 FirstClassCollection.prototype.size = function () {
   return this.__content.length;
 };
 FirstClassCollection.prototype.map = function (...args) {
   const newCollection = Object.create(Object.getPrototypeOf(this));
   newCollection.__content = this.__content.map(...args);
   return newCollection;
 };
 
 function asFirstClassCollection(target) {
   Object.setPrototypeOf(target, FirstClassCollection.prototype);
   return target;
 }

 function RaisableCollection() {
   this.__content;
 }
 Object.setPrototypeOf(RaisableCollection.prototype, FirstClassCollection.prototype);
 RaisableCollection.prototype.raise = function() {
   return this.map(value => value * value)
 };
 
 function asRaisableCollection(target) {
   Object.setPrototypeOf(target, RaisableCollection.prototype);
   return target;
 }

** コレクションをフィールドにもたなくてもいい [#r608d698]

表示データとしてはわざわざコレクションをフィールドにもつファーストクラスコレクションの形にしないかもしれない。

JavaScriptではprototypeチェーンでArrayをラップして関数をもたせることができる。

 function RaisableCollection() {
 }
 Object.setPrototypeOf(RaisableCollection.prototype, Array.prototype);
 RaisableCollection.prototype.raise = function() {
   return asRaisableCollection(
     this.map(value => value * value)
   );
 };
 
 function asRaisableCollection(target) {
   Object.setPrototypeOf(target, RaisableCollection.prototype);
   return target;
 }

* なお書き [#tb4d38cf]

- 新しいclassもprototypeのシンタックスシュガーなんだってね。

* 参考 [#n43aaca9]
- [[Object.create() - JavaScript | MDN>https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/create]]
- [[Object.setPrototypeOf() - JavaScript | MDN>https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/setPrototypeOf]]