JavaScript) 변수 / 자료형

https://www.youtube.com/watch?v=KF6t61yuPCY&t=402s

이분의 유튜브 보며 공부하였습니다.

 

let / const

자바스크립트에서 그냥

<script>
	name = "이름";
</script>

으로 변수를 지정할 수 있지만,

 

이렇게 변수를 지정한다면 이 변수가 유일하다는 보장이 없기 때문입니다.

 

 

그래서

<script>
        const NAME = "이름";        
</script>
  
  OR
  
<script>
	let name = "이름";
</script>

이처럼 앞에 let 이나 const 를 붙여 사용합니다.

 

let은 한번 변수를 할당하면 이후에는 let 없이

 

name = "이름1";

 

이런식으로 값을 변경해줄 수도 있습니다.

 

 

const는 여기서 상수를 나타냅니다.

상수는 대문자로 지정해주며 변하지 않고 고정되어 있는 값을 변수로 지정할때 사용합니다.

 

일반적으로 최대값이나 최소값과 같은 변하지 않는 값을 지정할때 사용합니다.

 

 

자바스크립트에서는 `(backtick) 으로 감싸주어 내가 지정해놓은 변수를 ${name}으로 불러와 사용하거나 , 식을 넣어 사용할 수도 있습니다.

<script>
    let name = "이름";
    let message1 = `내 이름은 ${name} 입니다.`;
    let message2 = `1 + 1 = ${1+1}`
</script>

콘솔
내 이름은 이름 입니다.
1 + 1 = 2

 

 

 

변수들은 다른 프로그래밍 언어와 마찬가지로

문자, 숫자,실수, 논리(boolean) 타입들이 있습니다.

<script>
    let string = "문자";
    let float = 1.1;
    let num = 1;
    let boolean = true;
</script>

 

 

 

변수를 지정할때 var 도 있는데 

 

이는 let과 비슷하지만 var를 사용하면 함수를 사용할때 그 함수 안에서 값이 변경되도  그 변경된 값이 유지됩니다.

    <script>
        var x = 10;
        if (true) {
            var x = 20;
            console.log(x); // 출력: 20
        }
        console.log(x); // 출력: 20
    
        
        let y = 10;
        if (true) {
            let y = 20;
            console.log(y); // 출력: 20
        }
        console.log(y); // 출력: 10
    </script>

 

이 이유는 var는 재할당이 가능하고 let은 재할당이 불가능하기 때문입니다.

 

var는 처음 할당한 x를 재할당하여 사용한것으로 값이 변경 된것입니다.

 

 

 

 

 

추가로 null 과 undefined 가 있는데,

null은 변수의 값이 null일때를 의미하고, undefined는 변수의 값을 지정하지 않았을때를 의미합니다.

    <script>
        let num1 = null;
        let num2;

        console.log(num1); // 출력 null
        console.log(num2); // 출력 undefined
    </script>