LHJ

I'm a FE developer.

2-3. 기본 문법 / 변수

14 Nov 2020 » js_beginner

8. 변수

변수란 변할 수 있는 값을 말합니다.

  • Variable

    • 값을 저장하는 영역
  • 변수 사용 목적

    • 변수에 저장된 값의 재사용
  • 변수 선언 방법

      var book;
    
  • 값을 변수에 할당하는 방법

      var book = "";
    

=는 할당 연산자라고 합니다.
= 오른쪽의 값을 왼쪽 변수에 할당합니다.
book 변수로 값을 사용할 수 있게 됩니다.

변수 선언 방법

  • 콤마로 구분하여 다수 작성

      var book = "", point = 123;
    
  • 줄을 바꾸어 작성

      var book = "",
          point = 123;
    
  • 변수 이름 앞에 콤마 작성

      var book = ""
          , point = 123;
    
  • 의미를 부여하여 변수 이름 작명

    • 시맨틱(Semantic)이라고 합니다.

변수에 값 할당 방법

  • 나중에 할당한 값으로 바뀜

      var point = 123, point = 456;
        
      point = 789;
    
    1. JS 코드는 왼쪽에서 오른쪽으로 처리 (세미콜론이 나올 때까지)
    2. point 변수 값은 123 -> 456 -> 789로 바뀜
  • 같은 값 할당

      var point = amount = 123;
    
  1. point와 amount의 값은 123
  2. 권장 형태는 아님

    오래된 브라우저에선 값이 연동되는 경우도 있기 때문입니다.
    연동이란, 만약에 amount에 값을 456을 할당했습니다.
    그랬더니 point 까지 456으로 바뀌는 것입니다.
    이를 연동이라고 합니다.
    최신 브라우저에선 이런 현상이 없지만, 오래된 브라우저에선 이러한 일이 발생할 수가 있습니다.