JavaScript_03

AJAX

브라우저에서 페이지 이동 없이 자바스크립트를 통해 HTTP REQUEST를 보내고, 그 응답을 받아서 처리할 수 있는 기능이다.

• 상호 작용성이 향상
• 서버에 대한 요청 감소
• 동적 페이지 북마크가 어려움

 

JSON

자바스크립트 객체를 문자열로 표현이다. 서버 -> 브라우저로 정보를 보낼 때, JSON 파일로 보내고 브라우저는 이를 자바스크립트로 파싱한다.

 

 

SCOPE

var : function 단위 스코프 변수이며 재선언 및 재할당이 가능하다. var는 함수 내부에 선언된 변수만 지역변수로 한정하며, 나머지는 모두 전역변수로 간주한다.

function test() {
    var a = 10
    console.log(a)          // 10
    
    if(true) {
        var a = 20                             // 재선언 가능
        console.log(a)      // 20
    }
    
    console.log(a)          // 20
}

funciont test() {
    var choco = "초코";          // 지역변수
    console.log(choco)          // 초코
}

test();

console.log(choco);            // 오류 발생

if(true) {
    var choco = "초코"              // 전역변수
    console.log(choco);            // 초코
}

console.log(choco);             // 초코

 

const : 블록 단위 스코프 변수이며 재선언 및 재할당이 불가능하다.

function test() {
    const num = 10
    const num = 555         // 재선언 불가능
    
    console.log(num)        // 오류 발생
}

// 블록 단위 스코프 변수이므로 블록 밖에서 변수를 출력하면 오류 발생

if(true) {
    var choco = "초코"              // 전역변수
    console.log(choco);            // 초코
}

console.log(choco);             // 오류 발생

 

let : 블록 단위 스코프 변수이며 재할당만 가능하다.

function test() {
    let num = 10
    num = 555                // 재할당 가능
    
    console.log(num)
}

function test() {
    let num = 10
    let num = 555            // 재선언 불가능
    
    console.log(num)         
}

// 블록 단위 스코프 변수이므로 블록 밖에서 변수를 출력하면 오류 발생

if(true) {
    var choco = "초코"              // 전역변수
    console.log(choco);            // 초코
}

console.log(choco);             // 오류 발생