Javascript의 Refactoring

AJAX로 인하여 Javascript 사용량이 늘어난 만큼 Javascript도 소프트웨어 디자인 원칙에 따라 설계하고 코딩할 필요가 발생했습니다. 이를 위해서 작성된 문서가  'Javascript Refactoring For Safer Faster Better AJAX'입니다.

문제점

너무나 광범위하게 사용되는 글로벌 변수들에 의해서 개발, 테스팅, 소스코드의 재사용 등을 어렵게 만들었습니다.

해결책

1. 글로벌 변수의 사용을 피합니다. [객체의 사용]
2. 다른 프로젝트에서 재사용이 가능한 자바스크립트 파일을 생성합니다.
3. 브라우저에 종속적인 코드를 캡슐화합니다.
4. 동시 발생하는 XMLHttpRequest를 처리할 수 있도록 허락합니다.
5. 에러 처리와 에러 리포트를 개선합니다.
6. 기본적인 퍼포먼스 메트릭스를 추가합니다. (add basic performance metrics)

자세한 내용은 원문을 보셔야 될 것 같구요 ^^;; 기본적인 원칙은 private, public으로 캡슐화를 통하여 재사용 가능한 클래스의 설계가 아닌가 싶습니다.

// declaration
function myClass(){
   // variables
   var privateVar = "I am private";
   this.publicVar = "I am public";

   // functions
   var privateFunction = function(){
       return "privateMethod";
   }

   this.publicFunction = function(){
       alert("I am public");
   }

   this.callPrivateFunction = function(){
       return "called private function: " + privateFunction();
   }
}

// usage
var myInstance = new myClass();

myInstance.publicVar = "new value";
alert(myInstance.privateVar);             // undefined!

myInstance.publicFunction();
myInstance.privateFunction();             // error!

         alert(myInstance.callPrivateFunction());          

// return "called private fuction: privatemethod"

function을 사용해서 클래스를 정의하고 내부에 변수선언을 해서 private로, this를 이용하여 public으로 사용할 수 있습니다.

이 외에도 prototype을 사용하여서도 메소드 정의가 가능합니다.
prototype을 사용하여 메소드를 정의할 때 생성자에서 정의한 private 변수 메소드는 사용불가능합니다. (--;; 어찌보면 당연한걸...)

출처 :

Javascript Refactoring For Safer Faster Better AJAX