Javascript에서 언제 그리고 어디서 호이 스팅을 사용해야합니까?

Javascript를 처음 사용합니다. Javascript에서 호이 스팅 개념을 배우고 있습니다. Mozilla 웹 사이트
의 Javacsript 튜토리얼을 바탕 으로이 단어를 발견했습니다 . 이 튜토리얼에 따르면 JavaScript의 변수는 예외없이 나중에 선언 된 변수를 참조 할 수 있다는 것 입니다. 그러나 내 질문은 클라이언트 측 Javascript에서 호이 스팅을 사용하는 것이 어떤 상황에 적합한 지 또는 Javascript에서 호이 스팅을 사용해야하는 이유에 관한 것입니다. 장점은 무엇입니까?hoisting

나는 "게양"이라는 용어를 사용한 적이 없다. Ben Cherry의 http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html 에서의이 호이 스팅 사용법을 언급하고 있다면 , 내가 수집 할 수있는 것에서 그는 단순히 Javascript 에서 Douglas Crockford를 반향합니다 . 좋은 부품 , 당신이해야한다는 말을 결코 게양을 사용하지 . 그의 주장은 Crockford와 JSLint가 제안한 것처럼 모든 변수가 함수의 맨 위에 선언되어야한다는 것입니다.

또는 ChristopherBrown의 말에 따르면, 이 기능은 사용 하는 기능이 아니라 브라우저가 Javascript를 해석하는 방식과 관련이 있습니다.

간단히 말해서 : never and nowhere .

호이 스팅은 브라우저가 Javascript를 해석하는 방법에 대한 기능을 설명하며 그렇게 많이 사용되지는 않습니다.

Javascript를 해석 할 때 브라우저는 함수 시작시 함수 레벨 변수의 범위를 지정합니다. 예:

function AddTwoAndTwo() {
    var two = 2;
    var result = two + two;
    return result;
}

게시 된 코드에서 "two"및 "result"변수는 함수 범위의 시작 부분에 존재합니다 (확실히 선언 된대로). 그러나 브라우저가 변수를 "게양"하기 때문에 다음은 올바른 Javascript 코드가됩니다. .

function AddTwoAndTwo() {
    result = 5;
    alert(result);
    var two = 2;
    var result = two + two;
    return result;
}

여기서 효과는 선언하기 전에 사용중인 변수가 있으며 특히 전역 범위 변수와 혼동 될 수 있습니다. 예:

var result = 6;

function AddTwoAndTwo() {
    alert(result);  // should this be 6 or undefined?
    var two = 2;
    var result = two + two;
    return result;
}

혼동을 피하려면 함수 맨 위에 변수를 선언하십시오.

왜?

JavaScript에는 Block Scope 가 없으므로 왜 물건을 맨 위로 올리는지 설명해야합니다 .

유용합니까?

당신이 이것을 선호한다면 :

var someVariable = someVariable || {};

이 대신에 :

if ( "undefined" !== typeof someVariable ) {
    someVariable = someVariable;
} else {
    someVariable = {};
}

그러면 유용합니다. 눈치 채지 않아도!

정리

첫 번째 예는 다음과 같이 번역됩니다.

var someVariable = someVariableValue;

if ( "undefined" !== typeof someVariable ) {
    var someVariableValue = someVariable;
} else {
    var someVariableValue = {};
}