let var どちらを使うか

Question

—質問：letとvar、実務で使われるのはどちら？—
・質問者は実務未経験だが、将来エンジニアになりたい。
・実務でのスタンダードを知りたい。

—質問の背景—
・変数の定義では、varではなくletを推奨、と、いくつかのソースで聞いた。
・ホイスティングにおいて、両者の間で挙動の違いが出ると知った。letを推奨するのは、varの使用で予期せぬエラーが生じないように、と理解している。
・学習のため色んなサイトを見るが、最近更新されたサイトでも、varを使ったコードをたくさん目にする。むしろletより見かける気がする。
・「ホントにlet推奨なの？」と疑問に思った次第。

—質問者なりの仮説—
varをよく見かけるのは…
・長くjsに親しんできたエンジニアにとって、varの方が馴染み深い？使いやすい？
・質問者が知らないor勘違いしてるだけで、varの方が便利だったり？
・jsは長い期間各種webサイトで使われている。当然ES5以前のコードも使用されてると考えると、varを使う機会の方が多い？

実務でjsに携わってきた方！ご意見いただければ幸いです。

Answer 1

環境によっては、varで書かざるを得ない場面もあります。

Node.jsやIE（11でもletの挙動は完全ではありません）を対象とするコードを直接（トランスパイルを挟まずに）書く場合には、letを認識しない、あるいは意図通りに動作しない場面があります。

トランスパイルを挟む場合には、トランスパイラが適切に処理してくれるので、基本的にletだけで構いません。

・質問者が知らないor勘違いしてるだけで、varの方が便利だったり？

1つだけletで書けないことがあって、トップレベルでvar foo;のように宣言した変数を、ブラウザ内であればwindow.fooのようにグローバルオブジェクトから参照できる、ということがあります。もっとも、現代的なJavaScript環境では、トップレベルにコードを置くこと自体がそうそうないので、あまり気にする必要はありません。

あと、var foo, foo; var foo;のように、varでは同じ変数を何度も宣言できますが（2つ目以降の宣言は無視されるだけなので、あえて書く意味は皆無）、letではできません。

Comments

[maisumakun]

> 学習のため色んなサイトを見るが、最近更新されたサイトでも、varを使ったコードをたくさん目にする。

筆者の認識が更新されていないだけ、あるいは新機能の追加だけで既存のコードのvarを変えるのに手が回っていないだけかもしれません。

[miyabi_pudding]

Androidも、
Android OSと、Android Google Chromeのバージョンが連動しないパターンがあり、
OSがある程度新しくても、
Chromeのバージョンが低くて、let宣言が動作しないことがあります。
OSが5系以降でも、
Chromeのバージョンは44だったりというパターンが存在します。
（let宣言対応は、Android Chrome バージョン46以降だったはず）

[maleon]

maisumakunさん
miyabi_takatsukさん

ご回答、コメントありがとうございます！
node.jsでも`let`は使えないんですね。
`let`の誕生後に学習を始めたので、正直`let`は当たり前に使えるもの、というイメージです。
しかし、まだ非対応の環境もあるわけですね。

自分はひとまず、`let`を使っていくことにします。

[miyabi_pudding]

> node.jsでも`let`は使えないんですね。

違います。
使えないわけではありません。
ECMAScriptの仕様に準拠し切れていない場合があるだけです。
そのため、意図しない動作になる場合があるということです。

[maisumakun]

「古い」Node.js、と書いたつもりが、抜け落ちていました。最新版を前提とするなら無問題です。

[maleon]

ご教示ありがとうございます。
利用の際は、バージョンをよく確認するよう意識します。

Answer 2

圧倒的let派です。
なぜか。IDEが「var使うな！constかlet使え！」とうるさいからです。

「そんくらいのエラー、非表示にすればいいじゃん」「IDEにそんなに従うのか？」というご意見が飛んできそうですが、自分の場合はvarを使うメリットって全くないです。だから、IDEに従ってます。
maisumakunさんがおっしゃっているデメリットの中にある、IE11・旧Edge対応案件はなかなかないですし、あったとしてもトランスパイルしてるのでさほど気になりません。

Comments

[maleon]

kyoya0819さん

ご回答ありがとうございます！
IDEがエラーを出すくらいなら、varは非推奨、という認識では良いのでしょうね。
トランスパイルなる技術があるんですね。恥ずかしながら知りませんでした。

IEやEdgeのシェアは低いようですし、自分は今後もletを使うことにします。

Answer 3

—質問：letとvar、実務で使われるのはどちら？—

挙動が違うので、普通に「求められる機能(主にスコープ)」で判断して使用すると良いです。

参考)
let - MDN

ただ今どきのプログラミングでは var の出番は少ないかと。
あと、const も同じくくりなので併せて理解することをオススメします。

Comments

[maleon]

te2jiさん

ご回答ありがとうございます！
基本的にletを使い、必要性がある時はvarを使います。
ES5以前のコードを読むこともあるかと思いますし、const含め挙動や違いは理解するよう努めます。