[javascript] JavaScript 공부 정리5 -변수(var, let, const)

변수 (variable) : 데이터를 저장하고 참조(사용)하는 데이터의 이름

     • 1) var

     • 2) let

     • 3) const

 

 

1) var

     • 재할당, 재선언 모두 가능

     • 재선언: 바람직하지 않음(중복선언)

// var

var name = '홍길동'
var name = '나비'
console.log(name)

 

var의 문제점

•  중간의 같은 이름의 변수를 다시 선언해도 기존의 변수에 덮어 씌움
• 변수를 선언 했다는 건 분명이 다른 데이터를 넣으려는 것인데, 그것을 기존의 데이터에 덮어 씌우면!? → 문제 발생!
• 그리고 변수가 {블록 단위} 에서 끝나는 것이 아니라, 자기 맘대로 전역으로 돌아다니고 영향력을 행사함 → 의도치 않은 문제 발생!
• 따라서 ES6 문법 부터는 var 대신 let 사용을 권장

 

 

 

2) let

     • 재선언 불가능

     • 재할당 가능

     • 초기화 작업 필요 없음(최소 선언 시 값 할당 하지 않아도됨)

// let
// 재사용이 가능!
// 변수 선언!

let a = 2;
let b = 5;

console.log(a + b); // 7
console.log(a - b); // -3
console.log(a * b); // 10
console.log(a / b); // 0.4

// let
// 값(데이터)의 재할당 가능!

let a = 12;
console.log(a); // 12

a = 999;
console.log(a); // 999

 

 

 

3) const

     • 재선언, 재할당 모두 불가

     • 변하지 않는 값을 변수에 저장할 때 사용

     • 최초 선언 시 반드시 값 할당

// cosnt
// 값(데이터)의 재할당 불가능

const a = 12;
console.log(a); // 12

a = 999;
console.log(a); // TypeError: Aassignment to constant variable.

 

 

 

변수의 기본 규칙 1

     • 변수 이름으로는 문자 / 숫자 / $ / _만 사용 가능

// 변수의 기본 규칙 1
// 변수 이름으로는 문자 / 숫자 / $ / _ 만 사용 가능

let myName = "고길동"; // O
let my$ = "null"; // O
let my_dream = "rich"; // O
let my-house = undefined; // X
let my* = "GGD" // X

 

 

변수의 기본 규칙 2

     • 첫 글자는 숫자가 될 수 없음

// 변수의 기본 규칙2
// 첫 글자는 숫자가 될 수 없음

let 1stName = "길동" // X
let firstName = "길동" // O

 

 

 

변수의 기본 규칙 3

     • 예약어 사용할 수 없음

          - 예약어(Reserved Word)

          - 특별한 의미를 가지고 있어, 변수나 함수 이름등으로 사용할 수 없는 단여

// 변수 기본 규칙3
// 예약어 사용할 수 없음

let let = "let me use this!";
let if = "if i can use this...";

let this "Hello!"; // SyntaxError
let if = 123; // SyntaxError
let break = true; // SyntaxError

 

 

변수의 기본 규칙 4

     • 변수 이름은 읽기 쉽도록 작성해야함

// 변수 기본 규칙4
// 변수 이름은 읽기 쉽도록 작성해야함

let a = 1;
let b = "jade";

let userNumber = 1;
let userName = "jade";

 

 

변수의 기본 규칙 5

     • 상수는 대문자로 선언해서 다른 개발자도 알 수 있도록 작성해야함

// 변수 기본 규칙5
// 상수는 대문자로 선언해서 다른 개발자도 알 수 있도록 작성해야함

const WIDTH = 1100;
const LOL_TIER = "gold";

 

 

 

문자 + 변수를 동시에 사용하고 싶을때는?

• 메소드의 매개 변수로 넣어서 사용
     => Console.log(“문자”, 변수, “문자”);
• + 연산자를 사용해서 변수를 문자로 변환 후 더하여 사용
     => Console.log(“문자” + 변수 + “문자”);
• 백틱 문자 사용
     => `문자를 쓰다가 변수를 쓰고 싶으면 ${variable} 처럼 쓰면 됩니다`