2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Javascriptのletとconstについて

Last updated at Posted at 2020-01-14

何気なく使ってしまっていますが、改めて基礎を勉強します!

let = 再代入が可能

let a = 'test1'; //この時点では a = 'test1'

a = 'test2'
console.log(a); // 再代入OKなので、ここでは 'test2' 

確認
スクリーンショット 2019-12-08 5.10.47.png

const = 再代入不可

const a = 'test1'; 
a = 'test2'; //errorになる

確認
スクリーンショット 2019-12-08 5.14.39.png

varもあります。

var = 再宣言、再代入が可能

var a = 'test1'; //まず宣言、初期値代入
a = 'test2'; // 再代入
var a = 'test3'; // 再宣言

やってみた
スクリーンショット 2019-12-08 5.27.56.png

基本的にはconstを使うことがおすすめです。
理由は再代入を繰り返すと今なんの値が入っているのかわかりにくいので、デバッグに時間がかかります。

##注意
constを使っていてもこのようなオブジェクト操作は出来てしまうので注意する必要があります。

arrayにpushする場合

const a = []; 
a.push(1); 
a.push(2); //追加で代入することができる 

やってみた
スクリーンショット 2019-12-08 5.37.38.png

objectにプロパティーを追加
スクリーンショット 2019-12-08 5.40.37.png

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?