데이터 저장 : 변수/상수

01. 변수 : 데이터 저장

{
    var x = 100;             //변수 x에 숫자 100을 저장
    var y = 200;            //변수 y에 숫자 200을 저장
    var z = "javascript";     //변수 z에 문자 javascript를 저장

    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(x);
    document.write(y);
    document.write(z);
}

결과보기

300
400
jquery

 

 

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

{
    let x = 100;
    let y = 200;
    let z = "javascript";

    x += 300;
    y -= 400;
    z += "jquery";

    document.write(x);
    document.write(y);
    document.write(z);
}

결과보기

400
-200
javscriptjquery

 

 

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
undefined

 

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

{
    const x = 100;
    const y = 200;
    const z = "javascript";

    // x = 300;
    // y = 400;
    // z = "jquery";

    document.write(x);
    document.write(y);
    document.write(z);
}

결과보기

100
200
javascript