JavaScript 데이터 저장하기 변수 / 상수

01. 변수 : 데이터 저장

{
    var x = 100;     
    var y = 200;     
    var z = "Javascript";    
                
    document.write("*** 01. 변수 ***");
    document.write(x);
    document.write(y);
    document.write(z);
}

결괏값

100
200
Javascript

 

02. 변수 : 데이터 저장 + 데이터 변경

{
    let x = 100;
    let y = 200;
    let z = "Javascript";
            
    x = 300;  //데이터 변경
    y = 400;
    z = "Jquery"
        
    document.write("*** 02. 변수 ***");
    document.write(x);
    document.write(y);
    document.write(z);
}

결괏값

 

300
400
Javascript

03. 변수 : 데이터 저장 + 데이터 변경 + 데이터추가

{
    let x = 100;
    let y = 200;
    let z = "Javascript";
    
    x += 300;
    y -= 400;
    z += "Jquery";
        
    document.write("*** 03. 변수 ***");
    document.write(x);
    document.write(y);
    document.write(z);
}

결괏값

400
-200
JavascriptJquery

04. 변수 : 변수의 종류 : 지역변수 + 전역변수

{
    document.write("*** 04. 변수의 종류 ***");

    let x = 100; //전역변수
    let y = 200; //전역변수
            
    function func(){
        let x = 100; //지역변수
        let z = "Javascript";
        x = 200;    //지역변수 100->200
        y = 300;    //전역변수 200->300
            
        document.write("함수 안");
        document.write(x);
        document.write(y);
        document.write(z);
    }
    func();

    document.write("함수 밖");
    document.write(x);
    document.write(y);
    document.write(z);
}

결괏값

"함수안"
200
300
Javascript

함수밖
100
300
X

05. 상수 : 데이터 저장소 + 데이터 변경(X)

{
    const x = 100;
    const y = 200;
    const z = "Javascript";
    
    //x = 300;
    //y = 400;
    //z = "Jquery";  //주석처리가 사라지면 오류입니다.
                
    document.write("*** 05. 상수 ***");
    document.write(x);
    document.write(y);
    document.write(z);
}

결괏값

100
200
Javascript

 

참조사이트

자바스크립트