Recommended
More Related Content
Viewers also liked
HTMLElementの派生が作りたかった。
- 2. 背景 jQueryとか使わずにdivとかにhide()とか足したい。 ▸ 例えば広告Tagを想定すると jQuery とかは媒体のJSで競合する可能性があり 使えない。 ▸ でもいちいち elm.style.display =‘none’ とかしてると気が遠くなる。 ▸ そこで HTMLDivElement の派生(っぽい)事がやりたくなった。
- 3. ES5 ES5だと無理やりやれる。 ▸ もともとClassが無いので、それっぽくはなる。 ▸ ポイントは function の戻りで createElement し た変数を返すところ。
- 5. ES6 ES6だとエラーが出る。 ▸ なんか良さそうなんだけど super() でエラーが出 る。 ▸ 調べてみると。。。
- 6. HTMLElement インターフェ イスは HTML 要素を表します． MDN インターフェイスだった!!
- 7. 驚愕の事実。 HTMLElementはインターフェイスだった。 ▸ と分かったところで。。。 ▸ ES6には多重継承もインターフェイスも無いのである。 ▸ 頑張ればなんとかなるかもしれないが無用に複雑化してしまっては本末転倒。 ▸ 結局は jQuery っぽい実装になった。
- 8. JQUERY的実装 結局 new は諦める。 ▸ クラスメソッドに createElement を作り、そこ でdivのインスタンスを作って return するように した。 ▸ やってることは ES5 と同じ。 ▸ new できなくなったり、インスタンスメソッド の実装が煩雑になったりしてるけど、致し方な い。
- 9. CHROMEだけなら Custom Elements もある。 ▸ Chromeには実装されてる。 ▸ でも他は全滅。使えるとは言えない。