스크립트 간 통신 | 세 가지 방법

Question

두 스크립트 사이에서 데이터를 올바르게 통신하는 방법.

이 특별한 경우에는 한 스크립트에 요소가 있지만 다른 스크립트에 요소를 추가하려고합니다.

내가 할 수있는 가장 간단한 방법은 전역 창 개체를 중간 단계로 사용하는 것입니다.

그러나 전역은 모범 사례가 아닙니다.

이 요소를 다른 스크립트로 전달하는 올바른 방법은 무엇입니까?

두 스크립트 모두 모듈 패턴으로 캡슐화됩니다.

스크립트 0 만들기 요소 포인트

var element = document.createElement("div"); 
element.innerHTML = response_text; 

스크립트 1 추가] 요소 포인트

Vi.sta = { 

    // implemented in the boot loader - shared global space - appended child already - you don't have to append until now. 
    // Static data has already been composed. 
    // Pull off window and append or best practice 

}; 

모두 모듈 패턴

(function(){ 
    // the code here 
})() 

Answer 1

모든 JS 스크립트는 전역 범위에서 실행됩니다. 파일이 클라이언트에 다운로드되면 전역 범위에서 파싱됩니다. File_1.js이

당신이 만약 File_2.js

전에로드되는 한

// File_2.js 
var otherObj = { colour : myObj.colour }; 

:

그래서 당신은

// File_1.js 
var myObj = { colour : "blue" }; 

있어 경우 아무것도이 일에서 당신을 중지 없습니다 즉, MYNAMESPACE = {};이고 각 파일은 네임 스페이스를 모듈을 통해 확장합니다 (즉, 바로 호출하는 함수에서 반환되는 인터페이스를 참조하는 "모듈 패턴"대신). 모듈이 있는지 확인하십시오.

네임 스페이스로 된 응용 프로그램 용 모듈을 작성하고 한 모듈에서 다른 모듈로 변수에 액세스해야하는 경우 interface을 제공해야합니다. 당신이 SANDBOXING 모듈 인 경우

는 다음을 제공해야 모든 mediator-pattern에 따라 service-locator 또는 "registry", 또는 개발 messaging-system 유사한 proxy.

Answer 2

window.sharedSpace = {}; 
sharedSpace.sharedValue = 'foo bar'; 

에 캡슐화

그런 식으로 여러 가지 대신 하나의 전역 개체 만 가질 수 있습니다.

Answer 3

요소를 모듈의 함수에 전달하지 않는 이유는 무엇입니까?

var module1 = (function() { 
    return { 
     func1: function() { 
      // get your element 
      var someElement = ...; 

      // pass it to the other module 
      module2.func2(someElement); 
     } 
    }; 
})(); 

var module2 = (function() { 
    return { 
     func2: function (someElement) { 
      // do whatever you want with someElement 
     } 
    }; 
})();