자바스크립트 변수 var let const 차이와 사용법 javascript varibable

자바스크립트에서 변수는 var let const 이 있고 사용법에 있어 차이가 있다. 한 번 선언하여 값을 변경하며 사용할 수 있고, 한 번 선언하면 값을 그대로 사용해야 하는 것도 있다. 변수를 어떻게 사용하는지는 목적에 따라 다르다.

자바스크립트 변수 var let const 차이와 사용법
javascript varibable

변수를 선언하는 방법은 여러가지가 있지만 선택하여 사용하는 것은 엄연히 사용자의 몫이다.

다소 사소할 수 있지만 상황에 맞게 사용하면 유지보수와 관리에 큰 도움이 된다.

변수를 선언하는 방법은 3가지가 있고 차이는 분명하다.

var
let
const

변수 선언 차이점

위에서 언급한 변수들에 대한 차이를 보면 다음과 같다.

var
재선언 가능, 변수값 변경가능
let
재선언 불가, 변수값 변경가능
const
재선언 불가, 변수값 변경불가

사용법

차이점을 작성했지만 실제로 코드를 보고 결과화면을 보면 차이를 더 분명히 알 수 있다.

아래의 코드는 그것을 보여준다.

첫번째로 변수를 종류별로 선언한다.

두번째로 변수의 값을 변경한다.

세번째로 변수를 재정의한다.

하지만, 주석의 위치는 에러가 발생한 위치들을 말해주며, 위에 언급한 변수의 차이를 설명해 준다.

<!DOCTYPE html>
<html>
    <body>

        <h1>자바스크립트 상수 const</h1>

        <script>

            var vVar = "var Variable 1";
            let vLet = "let Variable 1";
            const vConst = "const Variable 1";

            console.log("----------");
            console.log("var vVar : ", vVar);
            console.log("let vLet : ", vLet);
            console.log("const vConst : ", vConst);

            vVar = "var Variable 2";
            vLet = "let Variable 2";
            //vConst = "const Variable 2";

            console.log("----------");
            console.log("var vVar : ", vVar);
            console.log("let vLet : ", vLet);
            console.log("const vConst : ", vConst);

            var vVar = "var Variable 3";
            //let vLet = "let Variable 3";
            //const vConst = "const Variable 3";

            console.log("----------");
            console.log("var vVar : ", vVar);
            console.log("let vLet : ", vLet);
            console.log("const vConst : ", vConst);

        </script>
        
    </body>
</html>

결과 화면을 보도록 하자.

위에서 언급한 변수의 차이를 확인할 수 있다.

const 로 선언된 변수는 값을 변경할 수 없고, 재정의 할 수 없다.

let 으로 선언된 변수는 값을 변경할 수 있고, 재정의 할 수 없다.

var 로 선언된 변수는 값을 변경할 수 있고, 재정의 할 수 있다.

'programming > javascript' 카테고리의 다른 글

자바스크립트 사칙연산 하기 산술연산자 사용 javascript arithmetic operator (0)	2021.10.17
자바스크립트 연산자 종류와 의미 javascript operator (0)	2021.10.16
자바스크립트 상수 객체와 배열 이해 javascript const object and array (0)	2021.10.12
자바스크립트 상수 사용법과 특징 Javascript Const (0)	2021.10.12
자바스크립트 변수 let 사용법 재정의 할 수 없는 변수 (0)	2021.10.09