출처 : http://blog.naver.com/shinstudio/50001673130

http://prototype.conio.net/

위의 링크에서 prototype javascript framework을 다운 받을수 있다. 이 프레임웍을 사용하기 위해선 html페이지에 <script src="../프로토타입 파일 경로"></script>의 태그를 사용하여 링크 시켜줘야 한다.
 

이 prototype이 제공하는 자바스크립의 활용법은 다음과 같다.
 

자바스크립 클래스 생성.

자바스크립은 prototype방식의 언어이므로 class언어와는 다르게 클래스 생성이라는 정의가 희미할 때가 있다. 따라서 이 prototype framework이 제공하는 것중 하나가 바로 클래스 생성을 단순화 하고 편리하게 만든 것이다. (이 방식은 플래시내에서 고스란히 사용될수 있다. as1의 경우)

예제를 들자면 다음과 같다.

var myClass = Class.create();

바로 위와 같이 클래스를 생성한다. 자바스크립의 클래스 생성은 function생성의 ㅤㅅㅣㅌ낵스를 고스란히 사용하기 때문에 function이 클래스인지 클래스가 function인지 구분할 수 없을 때도 있을 것이다. 따라서 Class.create()를 사용함으로 이 객체는 클래스로써 생성 된 것인지 확실히 구분 할 수 있는 도구로써 사용된다.

클래스생성시 constructor가 호출 된다. 자바스크립에선 이 constructor가 주로 클래스 정의 내에 작성하지만 prototype framework내에선 다음과 같이 constructor의 역할을 하는 메쏘드를 작성한다.

var myClass = Class.create();

myClass.prototype = {

      initialize:function() {

           // constructor 의 역할을 하는 initialize메쏘드

      }

}

initialize메쏘드를 prototype에 정의해야 하는 이유는 Class.create()를 사용해 제작한 클래스의 객체를 생성할 시 initialize메쏘드를 자동으로 호출 하기 때문이다. 만약 initalize메쏘드가 정의되어 있지 않는다면 자바스크립 에러가 발생한다. 아주 단순 하지만 자바스크립내의 클래스 생성을 단순화하고 획일화 하였기 때문에 많이 사용되고 있는 추세이다.

이 prototype framework내에는 그외 다른 utilities가 많이 있다. Object.extend, Object.inspect, Function.prototype.bind과 같은 메쏘드가 있을 뿐만 아니라, Number와 String을 확장한 메쏘드들도 많이 있다. 즉 Ajax프로그래밍을 할 경우 편리한 메쏘드들이 많이 존재 한다. 그리고 가장 중요한 XMLHttpRequest객체를 이용한 Ajax.Request클래스가 있다.