의 네임 패턴은 나는 다음과 같은 네임 스페이스 지정 패턴을 사용하고 오류

Question

를 JSLint '가 정의되기 전에 함수가 사용 된'원인 :

var MyNamespace = new function() { 
    var foo = function() { 
     bar(); 
    }; 
    var bar = function() { 
     alert("bar"); 
    }; 
    this.init = function() { 
     foo(); 
    }; 
}; 

$(document).ready(function() { 
    MyNamespace.init(); 
}); 

JSLint가 정의되기 전에 bar 사용하는 것이 뿌려줍니다. 그러나 foo은 bar 이후에야 호출됩니다. 코드는 내가 시도한 모든 브라우저에서 잘 작동합니다. http://jsfiddle.net/jDKvz/

패턴은 How do I declare a namespace in JavaScript?, 두 번째 대답입니다.

여기에서 뭔가를 수정해야합니까, 아니면 JSLint를 무시해야합니까?

Answer 1

나는이 게양되어 있기 때문에 리프팅, 변수와 함수 선언의 용의자 통역사가 맨 위에 표시하면 다음과 같이 표시됩니다.

var MyNamespace = new function() { 
    var foo; 
    var bar; 

    foo = function() { 
     bar(); 
    }; 

    bar = function() { 
     alert("bar"); 
    }; 

    this.init = function() { 
     foo(); 
    }; 
}; 

이제안에bar()은 아직 구문 분석되지 않았으므로 해당 지점에서 호출 할 수있는 함수가 아닌 bar 변수 일뿐입니다.

당신의 코드가 잘 작동한다면, 함께 가서 strict mode을 켜면 도움이된다는 말입니다.

Answer 2

편집 : 생각 JS는 값이 아닌 변수를 닫습니다.

가변 호이닝이 보이지 않아 JSLint가 불평합니다. 다른 함수가 사용하는 함수 앞에 다른 함수가 사용하는 함수를 정의하면됩니다. 그것은 당신의 코드를보다 읽기 쉽게 만들어주고 JSLint를 종료시킵니다. 예를 들어

:

var MyNamespace = new function() { 
    var bar = function() { 
     alert("bar"); 
    }; 

    var foo = function() { 
     bar(); 
    }; 

    this.init = function() { 
     foo(); 
    }; 
}; 

Answer 3

bar는 함수 표현보다는이 할당되는 것 후에 만 ​​작동합니다 의미 함수 선언이다. 대신에 함수 선언을 사용할 수 있으며 jslint는 더 이상 불평하지 않습니다.

function bar() { 
    ... 
} 

또한 new Function는 function 충분 불필요하다.

편집 :

이 경우 자동 호출 기능 (function(){}()) 또는 객체 리터럴을 사용 new 제거에처럼 보인다 {}