JavaScript_변수

diary100 2023. 4. 4. 15:33

변수

- 데이터를 저장할 수 있는 메모리 공간
- 값이 변경될 수 있음
- 자바스크립트의 변수는 타입이 없음
- let 키워드를 사용하여 변수를 선언

선언 방식

1.var

- 지역변수, 전역변수와의 구별이 없음
- 같은 이름의 변수를 선언할 수 있음
- 성능상 쓸 필요가 없지만 알아두자
    console.log(num);
    var num = 10;
    {
        console.log(num); // 전역변수 num = 10
        var num = 20;    // 지역변수 num = 20
    }
    console.log(num);  // 전역변수 num = 20 으로 된다.

2.let

- 지역변수, 전역변수의 구별이 확실
- 같은 이름의 변수를 선언할 수 없음

    let 변수명 = 값;
    또는
    let 변수명;
    변수명 = 값;

HTML 코드

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>변수</title>

</head>

<body>

<h2>변수</h2>

<script>

var num;

num = 10;

console.log(num);

str='안녕'

console.log(str);

var str = '반가워';

console.log(str);

{

console.log(num);

var num = 30;

console.log(num);

}

console.log(num);

console.log('-------------');

val =10;

console.log(val);

//let val = 20; 에러!

{

console.log(val);

//let val = 30; 에러!

}

console.log(val);

let sa = 30;

console.log(sa);

sa = 40;

console.log(sa);

</script>

</body>

</html>

결과

Web API Console 을 통해 브라우저 Consle 창에 출력되기 때문에 개발자 모드에서 Console창을 통해 확인하자