技術情報JavaScript中津川篤司JavaScriptやその仕様であるECMAScriptは年々進化しています。ネットで検索すると5年くらい前のコードも見つかるので、ついそのまま使ってしまいがちですが、書き方が古いままになっていることもよくあります。古い書き方の場合、思わぬ不具合につながったり、メンテナンスのしづらいスパゲティコードになってしまいがちです。ハイブリッドアプリでは対象となるWebブラウザが最新のChromeやSafariをベースにしていますので、新しいJavaScript構文も積極的に取り入れられます。この記事ではそうしたモダンな構文の書き方とそのメリットを解説します。let/constを使った変数宣言かつてのJavaScriptでは変数宣言としてvarを使っていました。world';このvarは今も使えますが、現在は推奨されていません。変更できる変数を定義します。JavaScriptのブロック(波括弧)内でのみ有効(スコープといいます)な変数になります。ブロック外には影響しないので、自分が期待している場所以外では利用できない形に制御できます。defined関数の中でletを使うことで、その関数の中でしか使えない変数にできます。definedそして、letで定義された変数は上書きできます。defined基本的に、従来varで定義していたものはletに置き換えできるでしょう。constさらにJavaScriptでは変数はletではなくconstでの定義を推奨しています。constはletと異なり上書きできません。variable.上書きできないということは、定義した変数の内容が変わらないのが保証されるので、定数などにも向いています。配列は追加や削除できたり、オブジェクトはキーの追加、変更ができるので注意してください。variable.オブジェクトも同様です。variable.関数でも利用できますJavaScriptの関数は繰り返し定義可能で、上書きできてしまいます。UI関数名が重複していたために思わぬ動作不具合に繋がるのを防止する目的としてconstを使うこともできます。declaredこのようにlet/constを使うことで、規模が大きなJavaScriptソースであっても安全に、メンテナンスしやすいコードを維持できます。class構文JavaScriptには元々クラスという概念がなく、functionを使った擬似的クラスでコーディングされていました。最近ではクラスが使えるようになっています。使ってプライベート変数(クラス内だけで参照できる変数)も定義できるようになっています。method継承も可能です。}}継承したメソッドはもちろん、新しいクラスからのみ使えます。Method.class構文を使うことで、アプリ内の機能をまとめることができたり、別な画面でも利用する同じような機能を再利用しやすくなります。積極的に使ってみてください。