자바스크립트(var, let, const의 차이)

이세라·2024년 9월 23일

var키워드의 문제점

  1. 변수 중복 선언 가능하여, 예기치 못한 값을 반환할 수 있다.
  2. 함수 레벨 스코프로 인해 함수 외부에서 선언한 변수는 모두 전역 변수로 된다.
  3. 변수 선언문 이전에 변수를 참조하면 언제나 undefined를 반환한다.

ECMAScript6에서 나온 let 과 const 키워드는 위의 세 가지 문제점을 해결했다.

1. 변수 중복 선언 불가

let 키워드로는 변수 중복 선언이 불가하지만, 재할당은 가능하다.

const 키워드는 let과 다른점은 반드시 선언과 초기화를 동시에 진행되어야 한다. const도 let과 마찬가지로 재선언이 불가하며, 재할당도 불가하다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // const로 선언된 변수는 처음 한번만 값을 담을 수 있음
        const constValue=10;
        let kor = 30;
        let eng = 90;
        let sum = 0; // 초기화


        //#1.const 에러
        // constValue = 30;
        // alert(constValue);

        // 변수 : 변하는 값을 담는 그릇
        sum = kor + eng;
        alert(sum);

        kor = 70;
        sum = kor + eng;
        alert(sum);
        // let으로 한번 선언된 kor 변수는 다시 선언할 수 없음
        // let kor = 90;    오류
        

    </script>
</head>
<body>
    
</body>
</html>
profile
개린이입니다...

0개의 댓글