皆さんはvarを使って変数宣言をしていませんか?今回は、そのvarが非推奨となっている現状に関して書いていこうと思います。
varの問題点
varを使用する事による問題としては以下のような物があります。
- 関数スコープ:ブロックスコープではなく関数スコープで変数が定義される
- 変数の巻き上げ:宣言前に使用可能
- グローバルオブジェクトのプロパティになる可能性
- 再宣言が可能
// 問題例
var x = 1;
if (true) {
var x = 2; // 同じ変数を上書き
}
console.log(x); // 2が出力される代替手段:let と const
本当にvarでないと成り立たない場合は別ですが、そのような場面ってかなり少ないと思うので、なるべくletかconstを使うよう心掛けてください。
TypeScriptの変数宣言を整理したあとにAI活用や副業学習まで広げる場合は、有料講座を選ぶ前に、自分にスクールが必要な段階かも確認しておくと判断しやすくなります。AIスクールをおすすめしない人では、目的・作業時間・成果物の準備が整っているかを整理しています。
TypeScriptの変数宣言を整理したあと、AI活用や副業学習で有料支援を検討する場合は、AIスクールの無料相談は何社受けるべき?も確認してください。1社だけで決めず、質問対応、作れる成果物、学習の進め方、料金総額、返金条件を同じ質問で比べると、基礎学習からどこまで支援が必要か判断しやすくなります。
それぞれの役割としては以下のようになります。
- const:再代入が不要な変数(推奨)
- let:値の変更が必要な変数
- var:使用しない
// letの使用例
let count = 0;
if (true) {
let count = 1; // 新しいスコープで別の変数
}
console.log(count); // 0が出力される
// constの使用例
const API_KEY = "abc123";
// API_KEY = "xyz"; // エラー:再代入不可ESLintでの制限
{
"rules": {
"no-var": "error",
"prefer-const": "error"
}
}まとめ
- varは予期せぬバグを引き起こす可能性がある
- 新規コードではconstを優先的に使用
- 値の変更が必要な場合のみletを使用
- 既存のvarは徐々にlet/constに移行する
開発・プログラミング記事をまとめて読む
プログラミング・開発記事まとめ
Nexforge内の学習順、環境構築、TypeScript、Rust/Gleam、Linuxトラブル対応の記事を目的別にまとめています。
TypeScriptの避けたい書き方関連記事
TypeScriptの古い書き方や避けたい型をまとめて確認したい場合は、次の記事も参考になります。
- TypeScriptで避けたい書き方まとめ|any・enum・namespaceなど
- TypeScriptでexport defaultを避ける理由|named exportの使い方
- TypeScriptでnamespaceを避ける理由|ES Modulesへの移行
- TypeScriptでthis.constructorを使う時の注意点と代替案
- TypeScriptのコンストラクタ引数public/privateの注意点
- TypeScriptでFunction型を避ける理由|安全な関数型の書き方
- TypeScriptでString・Number・Boolean型を避ける理由
- TypeScriptでanyを避ける理由|unknownや型定義への置き換え
- TypeScriptでenumを避ける理由|union型・as constの使い方
【2026年版】Amazonで買えるおすすめノートPCランキング!コスパ最強のモデルはこれだ
Amazon の PC をスコア化してみた
Amazonにある8〜14インチの小型WindowsタブレットやノートPCを、スペック別にスコア化して比較・ランキング。


コメント