[javascript] var 키워드의 목적은 무엇이며 언제 사용해야합니까 (또는 생략해야합니까)?

차이가 있습니다.

var x = 1 x현재 범위에서 변수 를 선언합니다 (일명 실행 컨텍스트). 선언이 함수에 나타나면 지역 변수가 선언됩니다. 전역 범위에 있으면 전역 변수가 선언됩니다.

x = 1반면에 속성 할당에 불과합니다. 먼저 x범위 체인에 대해 해결하려고 시도합니다 . 해당 범위 체인의 어느 곳에서나 발견되면 할당을 수행합니다. 그것을 찾을 수없는 경우 x에만 다음 수행 이 생성 x전역 객체에 속성을 (범위 체인의 최상위 개체입니다).

이제 전역 변수를 선언하지 않고 전역 속성을 만듭니다.

둘 사이의 차이는 미묘하고 당신이 이해하지 혼동 될 수있는 변수 선언은 또한 속성 생성 (만 변수 객체에를) 자바 스크립트 (물론, ECMAScript를)의 모든 속성은 특정 속성을 설명하는 플래그가 그 – 읽기 전용, DontEnum 및 삭제하지 마십시오.

변수 선언이 DontDelete 플래그 차이와 속성을 생성하기 때문에 var x = 1그리고 x = 1(전역에서 실행되는 경우에) 이전의 하나이다 – 변수 선언 – DontDelete’able 속성을 생성하고, 후자는하지 않는다. 결과적으로이 암시 적 할당을 통해 생성 된 속성은 전역 객체에서 삭제 될 수 있으며 이전 속성 (변수 선언을 통해 생성 된 속성)은 삭제할 수 없습니다.

그러나 이것은 물론 이론 일 뿐이며 실제로 구현의 다양한 버그 (IE의 버그)로 인해 둘 사이에 더 많은 차이점이 있습니다.

모든 것이 이해되기를 바랍니다. 🙂

[2010/12/16 업데이트]

ES5 (ECMAScript 5; 최근 표준화 된 5 번째 언어 버전)에는 소위 “엄격 모드”(선택 언어 모드)가 있으며 선언되지 않은 할당의 동작을 약간 변경합니다. 엄격 모드에서 선언되지 않은 식별자에 대한 지정은 ReferenceError 입니다. 이에 대한 이론적 근거는 우발적 인 할당을 포착하여 원하지 않는 글로벌 속성의 생성을 방지하는 것이 었습니다. 최신 브라우저 중 일부는 이미 엄격 모드 지원을 시작했습니다. 예를 들어 내 compat 테이블 을 참조하십시오 .

답변

/* global scope */
var local = true;
var global = true;

function outer() {
    /* local scope */
    var local = true;
    var global = false;

    /* nearest scope = outer */
    local = !global;

    function inner() {
        /* nearest scope = outer */
        local = false;
        global = false;

        /* nearest scope = undefined */
        /* defaults to defining a global */
        public = global;
    }
}

with (window) {
    //Your code
}

<script>
one();

function one()
{
    for (i = 0;i < 10;i++)
    {
        two();
        alert(i);
    }
}

function two()
{
    i = 1;
}
</script>