はやくJavaScriptでクラスを使いたい

はやくJavaScriptでクラスを使いたい

こんにちは。てつです。

今回はES6から用意されたclass構文を紹介します。

JavaScriptでclass


いままでJavaScriptではPHP等に用意されているclassの構文がなく、

prototypeという仕組みを使ってclassっぽく書いていました。

ES6からclass構文が用意され、簡単にクラスを実装できるようになりました。

以下に例を示します。

どうですか?すごい簡単ですよね。

いままでのクラスっぽい書き方よりかすっきりしています。

静的メソッドも実装することができ、インスタンスを作成せずにメソッドを呼び出すこともできます。

class構文のブラウザの対応状況


すごい便利なclass構文ですが対応していないブラウザがまだまだあります。

http://kangax.github.io/compat-table/es6/

デスクトップブラウザではIE11、モバイルではAndroidが対応されていないようです。

はやくJavaScriptでクラスを使いたい


とってもJavaScriptの開発・保守が簡単になりそうなES6で開発したいところですが、

弊社のサイトはIE11、Androidもサポートするように開発していますのでclass構文が使用できないのです。

はやくclass構文使いたいなー。


Previous: phpで日付を取得する Next: バブリングとは?【シンプル解説】

© 2017 ALL CONNECT Inc. All Rights Reserved.