javascript - プロトタイプ的継承

がーん。この感動はY combinatorを見たときに匹敵する。

Prototypal Inheritance

function object(o) { function F() {} F.prototype = o; return new F(); }

なぜこれがそれほど感動的かというと....

これを使えば、ArrayやObjectといったBuilt-Inからも難なく継承できるから。

継承のやり方としてはPrivate Members in JavaScriptが圧倒的に有名で、日本でもbrazilさんによる邦訳、Collection & Copy - JavaScriptにおける古典的継承もよく知られていると思うけど、この三行を目の前にしては霞む。でもprototypeを代入するとinstanceまで継承されるというのは黒魔術じみてるなあ。

たとえば、Arrayを継承したobject。

var ary = [1,2,3,4,5]; var myarray = object(ary); myarray.sum = function(){ var s = 0; for (var i = 0; i < this.length; i++) s += this[i] * 1; return s; } alert(myarray.sum()); // 期待通り15 alert(ary.sum()); // 期待通りTypeError

もちろん、こうしてもいい。

function myArray(ary) { function F() {} F.prototype = ary; F.prototype.sum = function(){ var s = 0; for (var i = 0; i < this.length; i++) s += this[i] * 1; return s; }; return new F(); }; var myarray = myArray([1,2,3,4,5]); alert(myarray.sum()); // 期待通り15

でも、NumberやStringといったAtomicなものはだめ。

var str = '弾'; var mystring = object(str); mystring.x = function(n){ var str = ''; while (n--) str += this; return str; } alert(mystring.x(2)); // 期待通りにならず

要は、Prototype.property = function(){ /*...*/ }を受け付けるもののみOKということ。AtomicなものはPrototype.prototype.method = function(){ /*...*/ }という書き方しか出来ない。

うーん。嬉しさも、中くらいかなおらがJS。

Dan the Prototypo Generator