rails5でwebpackerを使ったりviewに直接jsを書いたりしてます。どこでどの仕様までのjsを使っていいのかいつも迷うので纏めておくもの 実装であるjavascriptに対し、言語仕様を指してECMAScriptと呼ぶ http://kangax.github.io/compat-table/es6/ es5 IE11でもほぼ動く、安心 babelで変換する先 es6(=es2015) IE以外ならbabelしなくてもだいたい動く letやconstが使える { }でスコープが切れる(スコープのためだけに即時関数いちいち書かなくていい) アロー関数が書ける() => {} for (const elem of array) Promise テンプレート文字列(文字列リテラルでの式展開) array.map()/array.reduce()などpythonスタイルの配列処理 es
![Rails5/webpacker/ECMAScriptメモ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/46f09146e07e3171ba1c49538ddc01adba37d619/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmFpbHM1JTJGd2VicGFja2VyJTJGRUNNQVNjcmlwdCVFMyU4MyVBMSVFMyU4MyVBMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MTYzNDZlMjc3ZjY1MzA4ZGM2OGU3MjYzYWM2YmYzNWQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0aWJhcmFraSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OWQ2NzRlODA2YWUzMTRjOWQxM2NjMGU3MjdiZDUxZTE%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Da1f265bc9409f3731973bf5e048d79db)