CommonJS 모듈 관리 문제

Question

저는 Titanium Appcelerator를 사용하여 JavaScript를 사용하여 응용 프로그램을 개발하고 있습니다. 그들은 CommonJS 접근 방식을 사용하도록 제안했습니다. CommonJS에 대한 간단한 예는 here입니다.

내 인생에서 나는 코드를 구조화하는 방법을 아직 알 수 없다.

예 :

/* Homescreen.js */ 
exports.createHomescreen = function() { 

    //load all required modules first 
    var videoPlayer = require('ui/videoPlayerModule'); 

    var self = Ti.UI.createWindow({ 
     width:'100%', 
     height:'100%' 
    }) 

    var newPlayer = videoPlayer.createPlayer({ 
     width:100 
     height:50 
    }); 

    self.add(newPlayer); 
    return self; 
} 

videoPlayerModule

/* videoPlayerModule.js */ 
exports.createPlayer = function (object) { 

    //load all required modules first 
    var self = Ti.UI.createWindow({ 
     width:object.width, 
     height:object.height 
    }); 

    var exitVideoButton = Ti.UI.createButton({ 
     width:100, 
     height:50 
    }); 

    exitVideoButton.addEventListener('click',function(e){ 
     self.close(); //When this window is closed, the memory isn't freed. 
     self = null;  //Still the memory isn't cleared 
    }); 

    self.add(exitVideoButton); 

    return(self); 
} 

난을 videoPlayer로드하고 닫습니다 때마다 메모리가 해제되지 않습니다 때문에 메모리 할당 문제가 발생하고있다. videoPlayer를 다시 열면 메모리가 다시 할당됩니다. 이 때문에 내 app의 메모리 사용량은 videoPlayer가 시작될 때마다 증가합니다.

나는 내 사고 방식이 옳지 않다는 것을 알고 있습니다. 나는 여기서 아주 단순한 것을 간과하고있다. 누구든지 내가 옳은 일을하지 않는다는 것을 알려 줄 수 있습니까?

Answer 1

Ti.UI.Window (videoPlayerModule.js에서 생성)을 추가로 Ti.UI.Window (Homescreen.js)에 추가 했으므로 발생합니다.하지 말아야 할 사항입니다. Ti.UI.Window은 기본 컨테이너 객체이므로 아무 것도 (일반적으로) 추가하지 않으므로 창을 닫을 때 컨테이너 창 자식으로 참조 된 상태로 유지되므로 절대로 사라지지 않습니다. 현재 self = null;은 아무 작업도 수행하지 않습니다.

당신은, 내가 대신이 같은 것을 시도 할 것보기와 비디오 플레이어에 창을 교체해야

:

/* videoPlayerModule.js */ 
exports.createPlayer = function (object) { 

    var self = Ti.UI.createView({ 
     width:object.width, 
     height:object.height 
    }); 

    var exitVideoButton = Ti.UI.createButton({ 
     width:100, 
     height:50 
    }); 

    exitVideoButton.addEventListener('click',function(e){ 
     self.hide(); 
    }); 

    self.add(exitVideoButton); 

    return(self); 
} 

이것은 완전한 해결책이 아니다, 당신은 여전히 ​​메모리에보기를해야합니다으로하지만, 그것은 훨씬 더 작은 발자국 다음 전체 본격적인 창, 이것을 할 수있는 더 좋은 방법은 한 번, 홈 화면의 컨텍스트에서 필요한 경우 show() 또는 hide() 때, 다른 방법은 부모를 전달하는 것입니다 그리고 나서 종료하면 상위 뷰를 제거하지만 메모리 문제는 해결됩니다.