TIL-001 | JavaScript_변수(variable)

Lee, Chankyu·2021년 8월 23일
0
post-thumbnail
post-custom-banner

1. 변수(variable)?

  • 계속 변하면서 정해지지 않은 데이터 값을 저장하는 메모리 공간(그릇, 박스의 개념)
  • 데이터 값을 저장한 여러 변수들을 구분하고자 변수명을 붙인다.

2. 변수가 필요한 이유

  • 변수의 사용은 코딩의 효율성과 직결되며, 변수가 필요한 이유로는 다음과 같이 크게 3가지 정도의 이유가 있다.
    1) 데이터 값 변경 시 효율적으로 수정, 적용 가능하여 코드의 관리 효율성이 크게 증가한다.
    2) 입력되는 데이터 값에 의미를 부여하며 코드 해석에 도움을 준다.
    3) 코드의 가독성과 재활용성을 증가시켜 준다.

3. 변수를 선언하는 방법

  • 변수 선언 규칙
    1) 첫 글자는 영문자, $, 언더 바(_)만 올 수 있다.
    2) 두 번째 이후 글자부터는 영문자, $, 언더 바(
    _)와 숫자만 올 수 있다.
    3) 변수명의 영문자는 대문자와 소문자를 엄격하게 구분한다.

  • 변수 선언은 아래의 코드와 같이 var, let, const 등의 키워드를 사용하여 진행한다.

    var myNumber = 100;
    let myNumber2 = 200;
    const myNumber3 = 300;
  1. var 변수
    중복 선언이 가능하여 에러 없이 지속적으로 출력이 가능하다. 변수의 중복 사용은 편리성에서 장점이 있을수 있으나 정의된 변수가 function scope를 가진다는 점, 호이스팅(hoisting) 등의 이유로 코드해석이 아리송해 지는 단점이 있다. 이를 보완하기 위하여 ES6부터 let, const가 추가되었다. let 과 const 변수 위주의 코드 작성이 추천된다.

  2. let 변수
    변수의 재선언 불가능, 변수의 재할당 가능
    값이 할당되지 않는 경우 "undefined"

    let myNumber = 1;
    console.log(myNumber); // 1 
    myNumber = 2;
    console.log(myNumber); // 2
  1. const 변수
    변수의 재선언 불가능, 변수의 재할당 불가능
    반드시 값이 할당 되어야 한다.
    const myNumber = 1;
    console.log(myNumber); // 1 
    myNumber = 2;
    console.log(myNumber); // "error"
  • 결론적으로, 변수 선언시 변하지 않는 값(상수)을 할당하는 경우에는 const 변수가 사용되는 경우가 많으며, 변수의 재할당이 필요 시 let 변수가 사용 됨.
profile
Backend Developer - "Growth itself contains the germ of happiness"
post-custom-banner

0개의 댓글