TECHJavaScriptのES6を改めて学ぶ2019年01月25日ShibuyaYuukiみなさん、こんにちは。最近、夜に食べるラーメンの美味しさを改めて思い知った渋谷です。業務でJavaScriptを書いている時に、今までなんとなくES6で書いていたので改めて調べた内容をまとめました。ES6全ての仕様を説明するわけではないので、気になる方はこちらの公式サイトで確認してください。ES6とはECMAScript標準の最新バージョンのこと。ECMAScript2015ともいう。ブラウザに関してはまだ対応していないものもあるので、こちらで確認してください。注)letとconstは同じスコープ内でしか機能しないので、注意してください。アロー関数アロー関数を使うことにより、かなり読みやすくなります。無名関数も同様にES6で書けるようになります。処理};jQueryを使っている時によく書くDOMの構築が完了した時に中身が実行される↓も、ES6で書くことでかなりスッキリします。処理});テンプレートリテラルES6からはテンプレートリテラルが使えるようになりました。${変数}をバッククォートで囲えば+を使わなくても文字連結をすることが出来ます。ES6console.log(`${name}さん、こんにちは。`);配列とオブジェクトオブジェクトと配列の扱いもかなりシンプルになしました。shibuyaconsole.log(first_name);console.log(last_name);console.log(age);まとめ今回は普段使いそうな記述を紹介しましたが、ここで紹介したのはごくごく一部です。配列やオブジェクトの操作は多くの書き方があります。今後JavaScriptを使う際は、一度ES6での記述方法を調べてから実装に取り掛かろうと思います。ShibuyaYuuki今はPHPで開発を行なっているエンジニア。Tech当サイトはFOXHOUND株式会社のメンバーによる技術記事投稿サイトです。HOUND株式会社は2011年に誕生したシステム開発会社です。「お客様を知る事・理解する事」を企業理念と掲げております。社員一人ひとりがプロフェッショナルの自覚を持ってお客様と未来を創って行く。最初はそれで始まり最後もそうである様に日々活動を続けております。私たちが良い開発者であり続けるために、お客様の協力が必要です。弊社に悩みや希望を共有して下さい。