JavaScript 변수선언

Heidi·2022년 4월 18일
1

Javascript

목록 보기
1/6

팀프로젝트를 진행할 때 가장 먼저 해야하는 것은 변수 통일이다.

변수명 이름 규칙

  1. 알파벳, _, -, 숫자, (한글, 특수문자, 일본어 가능하나 지양해야함)
    1-1. 숫자가 제일 앞에 올 수 없다.

  2. camel 표기법으로 사용
    ex) let myVeryLongLongName; -> 카멜 표기법 (구글에서도 권장하는 방식)
    ex) let MyVeryLongLongName; -> 파스칼 표기법이라고 한다.

  3. 대소문자를 구분한다.
    2번의 예시 두가지는 모두 다른 변수이다.

  4. 변수 선언 방식
    1) var : 전역변수 활용 - 전가장 오래된 버전에서 사용하는 변수 타입
    2) let : 지역변수 활용
    3) const : 값이 수정될 일이 없는 변수

  5. 호이스팅이란?
    우리가 쓰는 js언어는 js엔진 위에서 실행된다.
    구동순서는 다음과 같다

    1. 변수선언
    2. 런타임(코드)에서 사용이 됨

Var

<script>

console.log(varName); //undefined - 선언이 안되어있는 상태이기 때문
var varName = "heidi"; //선언
console.log(varName); //'heidi'

if(true) {
   	//다른 영역
	var varName = "하이디"
}
console.log(varName); //하이디

</script>

1) var : 가장 오래된 버전에서 사용하는 변수 타입

  • if block 에서 변수를 재정의 하여 block 밖의 변수 값도 수정 가능

Let

<script>

let letName = "heidi"; //heidi
console.log(letName);
if(true) {
  let letName = "하이디"
  console.log(letName) //하이디
}
console.log(letName) //heidi

</script>

2) let : if block 에서 변수를 재정의 하여도 block 밖의 변수 값은 수정되지 않음


Const

<script>

const constName = "heidi"; //선언
constName = "하이디"; //재선언
console.log(constName); //Uncaught TypeError: Assignment to constant variable

</script>

3) const : 값이 수정될 일이 없는 변수

  • const는 재선언이 불가능하기 때문에 타입에러가 발생한 것을 확인할 수 있다.
profile
햇님쓰 개발일기장

1개의 댓글

comment-user-thumbnail
2022년 4월 18일

퍼가요

답글 달기