JavaScriptのES2015クラスでmixinを実装する世界一美しい方法 - Qiita

こいつまた煽りっぽいタイトル書いてるな？ 皆さんES2015のclass使ってますか？ ES2015のクラス、prototypeを利用したり、{}を利用したりして、様々な書き方で実現できるクラスっぽい何かを、単一の記述でまとめた偉業は素晴らしいですよね。 でも、反面まだまだ機能が全然足りません。本当に足りません。 そこで今回は足りない機能をなんとかしよう、みたいな話です。 まずは基本的な継承の振り返り ES2015クラスでは、「extends」を用いることで、継承を実現することが出来ます。 class Swimmable{ swim(){ console.log("すいすいっ"); } } class Fish extends Swimmable{} const fish = new Fish(); fish.swim(); // "すいすいっ"

[tyru]

世界一美しい方法が結局黒魔法だった

[delphinus35]

テンプレートストリングをこういう風に使えるのか…… ／ TypeScript なら Decorator 使えばもっと簡潔だよ！（experimental だけど）

[taguch1]

やっぱり煽りタイトルはいいことないな。

[lazex]

class a extends mixin(a,b,c) {} みたいな書き方が綺麗かな。Object.assignはjsで本格的なオブジェクト指向なんてしようとするから…。基本JSON化できるデータで、その構造専用の関数をメソッドと呼んでるくらいにしとけばいいのに

[ikosin]

“ ”

[ishiduca]

つらい

[akabekobeko]

面白いけど合法というより脱法な感じなので、私なら可読性を犠牲にしても Object.assign を選ぶかな。C 言語のマクロ魔術みたいな印象。あと多重継承はなくてもよい。

[Jxck]

decorator の話かなと思ったら全然違った

[kent-where-the-light-is]

“ES2015クラスでは、多重継承もインターフェースもない魔界です。 なので、以下のようなトビウオを実装しようとすると、全力で破綻します。”

[fukken]

"以下のような記述は合法な記述となり" 本当〜？特定の実装がそう振舞うだけじゃないの？spec的に合法って書いてあるのこれ？

[manaten]

バッククォートで謎な記法になるならチェーンでいい気も・・・w / class Foo extends on().mixin(Bar) / ::が導入されれば class Foo extends Bar::mixin(Baz) って書けそうね

[amagitakayosi]

onかわいい

[ledsun]

自分ならObject.assign使うけど、1ブロックで書けることは大事なのかもな