JavaScript 디자인 패턴, 함수를 덮어 씁니다.

Question

js 디자인 패턴에 익숙하지 않습니다. 그리고 지금 나는 문제가되었다. 너희들이 나를 도와 주길 바래. 고맙습니다.

코드는 여기에 있습니다 : http://jsfiddle.net/nNdna/ 라이브 페이지는 여기에 있습니다 : http://www.sumsy.com/demos/socialFeeds/

라이브 페이지로 이동하고 디버거 확인하시기 바랍니다. "pinterest init"이 로그에 표시되는지 확인해야합니다. 하지만 나는 "twitter init"이 메인 함수에서 Twitter.init를 호출했기 때문에 로그에 나타나기를 기대하고있었습니다.

MY 설치이었다 2 개 익명 자동 실행 기능

var Twitter = (function($, window){ ... init = function ... 
var Pinterest = (function($, window){ ... init = function ... 

후 내 주요 기능에서, I는 Twitter.init (user_twitter_options)라는 내부 모두 갖는 초기화 기능이있다;

하지만 Pinterest.init가 실제로 호출되는 것 같습니다. Pinterest.init가 Twitter.init 함수를 덮어 쓴 것처럼 보입니다.

아무도 나에게 무엇이 잘못 됐는지 말해 줄 수 있습니까? 2 개의 익명 자체 실행 기능이 없어야합니까?

고맙습니다.

Answer 1

바이올린의 코드에는 많은 문제가 있습니다.

모두 Twitter 및 Pinterest는 당신이 실제로 new 새로운 객체를 생성하거나 뭔가 this를 설정하는 작업을 수행하지 않는 때문에 this가 window와 동일합니다 this을 반환 익명 함수를 호출 한 결과에 할당되고있다.

익명 함수 둘 다 내에서 으로 선언하지 않고 init = ...을 지정하면 init은 전역 변수가됩니다. 따라서 Pinterest 섹션의 코드는 원래 Twitter 섹션에서 생성 된 init 전역을 덮어 씁니다.

는 전역이 window 오브젝트의 특성은 본질적이고 Twitter 및 Pinterest 양쪽 모두 Twitter.init() 및 Pinterest.init()를 호출하면 window.init() 전화와 같은 것을 의미 window 할당된다는 것을 감안할. 그래서 그들은 둘 다 똑같은 일을합니다.

불행하게도 코드는 너무 오래 내가 작업 버전을 제공하기 위해 통과하기위한 것입니다, 그래서 당신이 참조의 일부 또는 전부를 읽으십시오 :

• Working with objects - MDN
• JavaScript Module Pattern In Depth - Adequately Good
• JavaScript Closures and the Module Pattern
• A Variation of JavaScript Module Pattern

Answer 2

var을 init 앞에 추가해야합니다. 그렇지 않으면 전역 범위에 넣고 있습니다. 즉, init은 마지막 할당과 같습니다.이 경우 Pinterest 버전입니다.