자바스크립트 자체 실행 함수_javascript 스킬의 유사 네임스페이스 캡슐화 방법

(function() {
/ /id에 따라 객체 가져오기
function $(id) { return document.getElementById(id) }

//외부 레이어에서는 내부 함수를 호출할 수 없습니다.
function _setStyle(id, styleName, styleValue) {
$(id).style[styleName] = styleValue;

//유사 네임스페이스 생성
window.mySpace =

// mySpace 네임스페이스에 내부 함수 _setStyle 캡슐화
//호출 시 window.mySpace.setStyle(id, styleName, styleValue) 사용
window.mySpace.setStyle = _setStyle; () ;

//다음은 테스트 코드입니다
window.onload = function() {
//id가 test인 개체의 텍스트 색상을 빨간색으로 설정합니다
window. mySpace.setStyle( "test", "color", "#f00");
}


그럼 이 패키징 방법의 장점은 무엇인가요?

window.mySpace.setStyle = function(id, styleName, styleValue) {
window.mySpace.$("test ").style[styleName] = styleValue;
}
//다음은 테스트 코드입니다
window.onload = function() {
window.mySpace.setStyle("test", " backgroundColor", "# f00");
window.mySpace.setStyle("test", "color", "#fff");
}


위 코드와 자체 실행 함수로 구현된 함수 실제로는 동일합니다.