[JS] var / let / const

형이·2023년 8월 7일
0

JavaScript

목록 보기
6/20
post-thumbnail

📝 JavaScript

🖥️ 1. var 변수 선언

1-1. var 변수 선언의 문제점

  • 같은 변수를 한 번 더 선언했음에도 불구하고 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다.
  • 이는 유연한 변수 선언으로 간단한 테스트에는 편리할 수 있겠지만, 코드량이 많아진다면 어디에서 어떻게 사용될지도 파악하기 힘들 뿐더러 값이 바뀔 우려가 있다.
  • ES6 이후, 이를 보완하기 위해 추가된 변수 선언 방식 let, const가 있다.
<body>
    <script>
        var name = 'html';
        console.log(name);

        var name = 'javascript';
        console.log(name);
    </script>
</body>

🖥️ 2. let과 const

2-1. let

  • let은 변수에 재할당이 가능하다.
  • 재할당이 필요한 경우 한정 let을 사용한다.
<body>
    <script>
        let name = 'html';
        console.log(name);

        // syntaxError
        let name = 'javascript';
        console.log(name);

        name = "react";
        console.log(name);
    </script>
</body>

2-2. const

  • const는 변수의 재선언, 변수 재할당이 불가능하다.
  • 재할당이 필요 없는 상수와 객체에는 const를 사용한다.
<body>
    <script>
        const name = 'html';
        console.log(name);

        // 오류 발생
        const name = 'javascript';
        console.log(name);
        
        // 오류 발생
        name = "react";
        console.log(name);
    </script>
</body>

0개의 댓글