コンテンツへ移動
Tags

オブジェクトを後から拡張するMixinを使いこなす

by : 2018/02/06

JavaScriptは柔軟な言語仕様になっているので任意のオブジェクトをPrototypeで拡張できます。hifiveで同じような機能を提供するのがMixinになります。

Mixinを使うことで、継承関係にはないようなオブジェクト同士に同じ機能を追加できるようになります。

Mininの使い方

Mixinは h5.mixin.createMixin を使って作成します。

今回は適当なオブジェクトを作ります。このオブジェクト自体にはメソッドは特にありません。

そしてmixinを実行します。

これでtargetオブジェクトにメソッドが追加されました。


このようにMixinを使うことでオブジェクトの拡張が容易になります。すでにインスタンスが作られた後でも使えるので、特定のインスタンスにだけメソッドを追加することもできるでしょう。

今回のコードはJSFiddleで試せます。Mixinを使いこなすとコードが分かりやすくなりますので、ぜひ使いこなしてください。

JSDoc: Class: Mixin

From → hifive, HTML5

コメントは受け付けていません。

%d人のブロガーが「いいね」をつけました。