본문 바로가기
새싹/바닐라 Javascript + Vue.js 과정

변수

by book_lover 2025. 1. 1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>변수</title>
</head>
<body>

</body>
<script src="variable.js"></script>
</html>
#javascript
console.log("Hello")
  • 브라우저 "F12" 눌르면 콘솔 화면 확인할 수 있음. 바로 안보이면 "콘솔"탭을 마우스로 클릭

 

자바스크립트 변수는 크게 "var, let, const"가 있다.

  • var - 변수 위치에 상관없이, 글로벌화 되어 사용 , 여러번 같은 이름으로 선언할 수 있음
  • let - 블럭 단위 변수 적용, 여러번 선언할 수 없음
  • const - 블럭 단위 적용, 값을 한번 주면 값이 변화하지 않음.
    console.log("Hello")
    {
    var name = "scalper"
    let letName = "codeScalper"
    }
    letName = "kkk"
    console.log(name)
    console.log(letName)

    const constString = "block"
    constString = "sss" // 오류

"{}" 블럭 안에 있는 변수는 블럭 밖에서는 사용하지 못하여 letName변수를 정의하지 않았다고 오류가 뜨는게 확인이 된다.

 

const로 선언한 변수에 값을 할당하고 다시 할당하여 오류가 뜸.

'새싹 > 바닐라 Javascript + Vue.js 과정' 카테고리의 다른 글

개발환경 준비하기  (0) 2025.01.01