구조 함수 의 몇 가지 방식

공장 모드
공장 모드 구조 함 수 를 사용 하면 시스템 은 함수 내부 에서 자동 으로 대상 을 정의 합 니 다. 예 를 들 어:

var obj = new Object();

함수 구축 이 완료 되면 시스템 은 자동 으로 대상 을 되 돌려 줍 니 다. 예 를 들 어:

return this;

공장 모델 은 세 가지 절차 구조 함수 로 나 뉜 다. 1. 원료: 원료 라 는 절 차 는 사실은 위 에서 말 한 구조 대상 이 고 시스템 은 자동 으로 이 문 제 를 해결 해 줄 것 이다.2. 가공: 이 절 차 는 스스로 완성 해 야 한다!이 과정 은 바로 이 구조 함 수 를 만 드 는 방법 입 니 다.

obj.showQQ=function (){
    alert('  QQ ：'+this.qq);
};

3. 출하: 이 절 차 는 this (obj) 대상 을 되 돌려 주 는 것 입 니 다. 물론 이 절차 도 시스템 이 완성 한 것 입 니 다.
함수 구조 가 완 료 된 후 외부 에서 변 수 를 직접 정의 할 수 있 습 니 다. 이 변 수 는 함수 의 방법 을 직접 호출 할 수 있 습 니 다.
혼합 모드

        ，         ，          ，        。

혼합 모드 를 사용 하면 구조 함수 의 명명 에 대해 일정한 요구 가 있 으 며 함수 이름 의 이니셜 대문자 가 좋 습 니 다.다음 예 를 들 어 혼합 모드 의 작성 방법 을 설명 한다.

//        
function Fn(id){
    this.box = document.getElementById(id);
    this.init();
}
//       
Fn.prototyopr.init = function(){
    this.box.style.backgroundColor = 'green';
}
//     init   div        

window.onload = function(){
    var oDiv = new Fn('box');
    oDiv.init();
}