javascript

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

    console.log(x);
    console.log(y);
    console.log(z);
}

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

    x = 300;
    y = 400;
    z = "react";

    console.log(x);
    console.log(y);
    console.log(z);
}    

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

    x += 300;     // x = x + 300
    y += 400;     // y = y + 400
    z += "react";
    
    console.log(x);
    console.log(y);
    console.log(z); 
}

{
    let x = 100;    //전역 변수
    let y = 200;    //전역 변수

    function func(){
        x = 300;        //전역 변수
        let y = 400;    //지역 변수
        z = "javascript"; //전역 변수
        
        console.log("함수안"+x);
        console.log("함수안"+y);
        console.log("함수안"+z);
    }
    func();
    
    console.log("함수밖"+x);
    console.log("함수밖"+y);
    console.log("함수밖"+z);
}

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

    //x = 300;      //Assignment to constant variable.
    //y = 500;
    //z = "react";

    console.log(x);
    console.log(y);
    console.log(z);
}

{
    const arr = new Array();
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript";

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
}

{
    const arr = new Array(100, 200, "javascript");

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
}    

{
    const arr = [];
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript";
    
    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
}

{
    const arr = [100, 200, "javascript"];

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
}

{
    const obj = new Object();
    obj[0] = 100;
    obj[1] = 200;
    obj[2] = "javascript";

    console.log(obj[0]);
    console.log(obj[1]);
    console.log(obj[2]);
}

{
    const obj = new Object();
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

{
    const obj = {};
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript"

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

{
    const obj = {a:100, b:200, c:"javascript"};

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

{
    const obj = [
        {a:100, b:200},
        {c:"javascript"}
    ]

    console.log(obj[0].a);
    console.log(obj[0].b);
    console.log(obj[1].c);
}

{
    const obj = {
        a : 100,
        b : [200, 300],
        c : {x: 400, y: 500},
        d : "javascript"
    }

    console.log(obj.a);
    console.log(obj.b[0]);
    console.log(obj.b[1]);
    console.log(obj.c.x);
    console.log(obj.c.y);
    console.log(obj.d);
}

{
    const a = 100;
    const b = 200;
    const c = "javascript";

    const obj = {a, b, c};

    console.log(a);
    console.log(b);
    console.log(c);
}

{
    const obj = {
        a : 100,
        b : [200, 300],
        c : "javascript",
        d : function(){
            console.log("javascript가 실행되었습니다.");
        },
        e : function(){
            console.log(obj.c + "가 실행되었습니다.");      //객체의 키 값(혹은 변수)을 적고 + 를 쓰면 값이 출력된다.
        },
        f : function(){
            console.log(this.c + "가 실행되었습니다.");     //this는 자기 자신을 표현합니다.
        }
    }

    console.log(obj.a);
    console.log(obj.b[0]);
    console.log(obj.b[1]);
    console.log(obj.b[2]);          //undefined
    console.log(obj.c);
    //console.log(obj.d);           //(X) 실행 되지 않음
    obj.d();
    obj.e();
    obj.f();
}

{
    // 식별자 규칙
    -식별자는 대소문자를 구분합니다.
    -식별자는 밑줄(_), 달러 기호($) 및 문자로 시작해야합니다. 숫자로 시작하는 것은 허용하지 않습니다.
    -식별자는 예약어(reserved keywords)를 사용할 수 없습니다.
    -식별자는 공백을 포함해서는 안 됩니다.
    -식별자는 가능한한 의미 있는 이름으로 지어야합니다.

    // 예약어 목록
    abstract, await, boolean, break, byte, case, catch, char, class, const, continue, debugger, default, delete, do, double, else, enum, export, extends,
 
    false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, int, interface, let, long, native, new, null, package,

    private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, transient, true, try, typeof, var, void, volatile, while, with, yield
}

//전치, 후치 연산자
{
    let hap, j, k, l;
    j = k = l = 1;
    hap = ++j + k++ + ++l;

    console.log(hap);
    console.log(j);
    console.log(k);
    console.log(l);
}

//비트 연산자
{
    AND 연산자 (&)
    두 개의 이진수를 비교하여 둘 다 1인 경우에만 1을 반환합니다. 예를 들어, 5 & 3의 결과는 1입니다.

    OR 연산자 (|)
    두 개의 이진수를 비교하여 둘 중 하나라도 1이면 1을 반환합니다. 예를 들어, 5 | 3의 결과는 7입니다.

    XOR 연산자 (^)
    두 개의 이진수를 비교하여 둘 중 하나만 1인 경우에만 1을 반환합니다. 예를 들어, 5 ^ 3의 결과는 6입니다.
}

{
    let x = 100, y = "200", z;
    const func = function(){}

    document.write(x);
    document.write(typeof(x));
    document.write(y);

    y = "200";
    document.write(typeof(y));

    y = Number(y);
    document.write(typeof(y));

    document.write(z);
    document.write(typeof(z));
    document.write(func);
    document.write(typeof(func));       
}