본문 바로가기
javascript/02. 변수 & 상수

변수 선언

by gamdong2 2024. 5. 9.

📖 변수 선언(var, let)

변수 : 데이터를 저장하는 장소 & 저장되어 있는 데이터를 호출

 

1) var(variable)를 이용한 변수 선언

* javascript 에서는 HTML 태그를 작은따옴표('')안에 나타냄

<head>
    <script>
        var num = 10;
        var str = 'javascript';
        var temp = true;
        document.write(num + '<br>' + str + '<br>' + temp);
    </script>
</head>

 

① 여러개의 변수를 선언할 경우 다음과 같은 방법으로 선언할 수 있음

<head>
    <script>
        var num, str, temp;
        var num = 10, str='javascript', temp = true;
    </script>
</head>

 

② 변수에 새로운 데이터가 저장되면 기존 데이터는 사라짐

<head>
    <script>
        var num = 0;
        num = 10;
        document.write(num); //10
    </script>
</head>

 

2) 변수명 관련 주의사항

  • 변수명은 띄어쓰기할 수 없음
  • 변수명의 첫 글자에는 숫자 / 특수문자가 올 수 없음. * 예외) 특수문자 '_', '$'는 사용 가능
  • 예약어 : 자바스크립트에서 특별한 용도를 가진 키워드. 예약어를 변수명으로 사용할 수 없음
예약어 : break, case, catch, continue, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, debugger, with ... 
  • 명명 규칙 : 변수, 함수, 객체 등을 선언할 때 변수명, 함수명, 객체명의 명명 규칙. * 변수명 -> 명사, 함수명 -> 동사로 명명하는 것이 좋음    
camelCase 표기법 : 첫 번째 단어의 첫 문자는 소문자 & 두 번째 단어 이후부터는 첫 문자를 대문자로 표시
Pascal 표기법 : 각 단어의 첫 글자를 대문자로 표시
underscore 표기법 : 각 단어를 언더바(_)로 이어줌

 

3) let을 이용한 변수 선언 방법

  • var를 이용한 변수 선언의 단점을 보완 -> let 등장
  • var : 동일한 변수를 중복해서 선언 가능(나중 데이터로 출력) / let : 이미 선언한 변수를 중복해서 선언 불가능
<head>
    <script>
    	let num = 10;
        let num = 20;
        document.write(num);  //에러
    </script>
</head>

 

 

 

 

 

 

출처 : ⎡반응형 웹 실전 프로젝트 가이드 (김광수, 조혜경)

'javascript > 02. 변수 & 상수' 카테고리의 다른 글

데이터 타입  (0) 2024.05.10
상수 선언  (0) 2024.05.10