JS ES2015仕様だけでいけるのか？

Question

初心者です。
JavaScriptを勉強しています。
今(2019年9月)のタイミングだと、ES2015の仕様に関わるものは積極的に使っていってよいものでしょうか？
例えば変数の宣言をletかconstだけでした場合、なにか不都合は起きますか？
また、クラスを扱う場合には、class構文によるものだけを使えば、それ以前の方法は特に覚えなくても良いものでしょうか？
(一応ひと通りは学習しました)
幅広いご意見を頂けたらと思います。
よろしくお願いします。

Answer 1

ES2015の仕様に関わるものは積極的に使っていってよいものでしょうか？

JavaScriptを使う環境によります。

• Node.jsやモバイルブラウザなどが前提の場合→ES2015の範囲内であれば概ね対応しています。
• IE11（それ以前も含む）をサポートする必要がある場合→IE11でもES2015は一部対応（Arrow Functionやclassに非対応）なので、BabelでコンパイルするかES5で書く必要があります。
• Google Apps Script→ES5レベルです。
• Windows Scripting Host→ES3相当です。使うこと自体を回避したほうがいいかもしれません。

Comments

[moonYong]

お返事ありがとうございます。
Google Apps Scriptなどについて調べてみます。

[maisumakun]

> Google Apps Scriptなどについて調べてみます。

いえ、使わないなら使わないで大丈夫です（Google Apps Scriptは、Googleスプレッドシートなどのマクロ環境です）。

[moonYong]

maisumakun様

知らないくらいですから・・・
今のところ使う予定はありません。

お返事ありがとうございました。

Answer 2

BabelとかWebpackとか使う前提なら、開発ではES6積極的に使ったらいいと思う。

JSだけ書くので完結したいなら、対応するブラウザ次第だね。IE11だとconst使えるけどPromise使えないとか・・・極論すれば「IE11だと動かない」が困るかどうか。
そのへん面倒だから「Chromeだけ対応してます！」ってやる人も多くて、それはそれで問題になったりしてたりｗ
can i useという神サイトで、それぞれの構文がどのブラウザで対応できるか見れるよ。

個人的には前者の方がオススメなんだけど、ちょっと書くのにpackage.jsonがーnode_modulesがーwebpack.config.jsがーとかは正直めんどいけどね。

結論を最後にするクソ文で申し訳ないが、「今すぐちょっと作りたいだけならES5だけで完結した方が安全」「これからしばらくJSで仕事したいならツールセット使ってES6以降を積極的に」がいいと思うな。

Comments

[退会済みユーザー]

あ、あと仕事で使うとなると結局レガシーな構文も読める必要はあると思う。

自分もやり始めがTypeScriptだったしfunction使ってクラス作ってるのとか「え？」って感じだったが、なんやかんやトランスパイルしたものをデバッグする場面とか人が作ったもの見なきゃとかyieldってawaitの古い版でしょ？とか思ってたら痛い目見たりとかググって古い知見が意味わからず困るとかあるので。

新しいと古いのの学習優先度は「これから何を触るのか、触りたいのか」次第かなぁ。必要こそ最大のフォロワーなので。

[moonYong]

jjj_aaa様
お返事ありがとうございます。

「Chromeだけ対応してます！」で問題になることとは何でしょうか？

[退会済みユーザー]

軽口の一つだったので流してくれてよいがｗ言った手前説明すると、いろいろとあるんだけど、一番大きいのは実は開発者の「意識」の問題だって言う話があるっすね～。「説教うっさいわ！」で終わる話しっつったらそうなんだけどｗ

明確にポリシーがあって「Chromeのみ対応」ならそれはそれでいいんだが、「Chromeで動かしながら適当に作ったよ？MDN？W3C？なにそれ動きゃよくね？Chromeでしか見てないけどｗ」ってのはWeb開発者として間違っとるよね、という話ですな。

SW開発って仕様みてちゃんと設計するよね？↑の人がやってるのは、特定のSWの特定のVerでしか動かないなにかを作ってるだけで、それって設計と言える？っていう怒りがこもってるみたい。

また話変わるけど、EdgeがChromiumになるのも、「楽になるから歓迎！」って人と「ブラウザの多様性が失われてGoogleの独壇場になるのはIEの再来になりかねん」と警戒する人といるってのも「問題」の一ファクタとしてあるっすね～

まあ、無視してもいいと思うっすよ。世界なんてキレイにならないんだから、それなら自分の温度感を優先した方がいいと俺は思うし。でも未来を憂う意識の高い方もおるっつーことで。

[退会済みユーザー]

意識の話ってのは、どっかのエライWeb開発の人のTwitterだかブログだかで見たんだけど、どこか忘れちゃった！スマン！

[moonYong]

jjj_aaa様

軽く流して良さそうなお話と感じました。
お返事ありがとうございました。

Answer 3

ES2015(ES6)のブラウザ対応状況はこちらをご覧ください。
平均すると95%程度の実装率です。
他の方の回答にもありますがターゲットによります。
幅広いターゲットを持つならES5等を使うこと考えた方がいいかと。
最近の若い世代やスマホからのアクセスを期待するならES6使っても問題ないと思います。
特に、日本ではiOS端末の割合が顕著に高いのでスマホターゲットだったら使ってしまって問題ないと思います。

Comments

[maisumakun]

> こんな感じの処理はletではできません。

let b;とifより前に書けば大丈夫かと思います。

[退会済みユーザー]

> let b;とifより前に書けば大丈夫かと思います。

再代入可能なletで宣言するなら当然こうすべきですね。
私も例が不適切だと思います。

[moonYong]

文法的なお話よりも、上でmaisumakun様がご回答いただいたような、環境的なことをお聞きしたかったのです。
質問の仕方が悪くてもうしわけありません。

こちらはブロックスコープのお話ですね。
それについては理解できています。
ありがとうございました。

[kyoya0819]

maisumakunさん dyoshikawaさん
ご指摘ありがとうございます。
https://codepen.io/asuchi0819/pen/gOYyoWm
var a = 100;
let b;
if (a===100){
let b = 100;
} else {
let b = 200;
}
document.write(b);
こういうことでしょうか？

[maisumakun]

中括弧の中で別な変数は宣言せずに「b=100;」「b=200;」だけですね＞書き直しのパターン

[kyoya0819]

ご指摘いただきありがとうございます。
回答修正させていただきます。

[moonYong]

asuchi0819様

Can I use? は見たことがありました。
95%であれば、ES2015で書いていて、問題があるようなら考える。
という方針でいこうかなぁと思っています。

お返事ありがとうございました。