근원e♡수진♡라라 일상생활

Javascript OOP

Javascript 는 객체 지향 언어로서 모든것을 객체로 취급하고 사용할 수 있다.
다른언어와는 다른 장점(?) 으로는 객체(클래스)를 만들때 좀더 자유롭게(유연성있게) 만들 수 있다. 어렵게 객체에 대해서 설명하는 것 보다는 아래 예제를 보면 한눈에 Javascript 객체를 사용할 수 있다.

	// JSON 으로 생성된 객체 
	var OOJSONTest = 
	{
		var1 : "변수1", // 문자형 변수 선언
		var2 : 10000, // 정수형 변수 선언 
		method1 : function () { alert(this.var1 + this.var2);}  // 두 변수를 출력하는 함수
	} 
	
	// new Object 로 생성된 객체 
	var myClassObj = new Object();
	myClassObj.myData = 5;
	myClassObj.myString = "Hello World";
	
	 // 상속을 테스트 하기 부모 위한 객체 
	function OOTest() // 객채를 위한 함수를 생성한다. 
	{ 
		var nPmoney = 0;
		// private 으로 선언된 정수형 nPmoney 변수 
		this.printMoney = function() // 화면에 현재 금액을 출력한다. 
		{ 
			nPmoney = this.nNowMoney;
			// private 으로 선언된 nPmoney 변수에 자식의 nNowMoney 값을 대입 
			alert(this.nNowMoney);
		} 
		var printMoney2 = function() // 화면에 현재 금액을 출력한다. 
		{ 
			alert(nPmoney); // private 변수 사용 
		} 
		
		this.runPrivateFunction = function() // private 으로 선언된 함수 printMoney2 를 호출 하기 위한 public 형태의 함수 
		{ 
			printMoney2();
		} 
	}
 	// 상송을 테스트 하기 위한 자식 객체
	function OOP() // 객체를 만들기 위한 함수를 생성한다. 
	{
		this.nNowMoney = 0;
		// public 형태의 변수 /** * 덧셈을 위한 변수 * @param integer nMoney */
		this.Add = function (nMoney)
		{
			this.nNowMoney += nMoney;
		} 
		/** * 뺄셈을 위한 함수 * @param integer nMoney */ 
		this.Subtract = function (nMoney)
		{
			this.nNowMoney -= nMoney;
		} 
	} // 부모로 사용할 객체 OOTest를 상속한다. OOP.prototype = new OOTest();
	/** 
	* prototype 을 이용해서 생성한 getMoney 함수 
	* 현재 값을 리턴시킨다. 
	* @return integer 
	*/ 
	OOP.prototype.getMoney = function () 
	{
	 	return this.nNowMoney;
	}
	/** 
	* prototype 을 이용해서 생성한 runParent 함수 
	* 상속받은 OOTest 객체의 함수(메소드)인 runPrivateFunction 를 실행시킨다. 
	* 부모객체에 존재하는 runPrivateFunction 함수는 private 으로 선언된 함수 printMoney2를 실행시키고 
	* printMoney2 는 private 로 선언된 변수 nPmoney 를 alert 로 출력한다. 
	* @return integer 
	*/ 
	OOP.prototype.runParent = function() 
	{
		this.runPrivateFunction();
	} 
 
	function Test() 
	{ 
		var oOOP = new OOP(); // OOP 객체를 생성한다. 
		oOOP.Add(1000); // 1,000 을 더한다. 
		oOOP.Subtract(2000); // 2,000 을 뺀다. 
		oOOP.runParent(); // 화면에 출력을 한다. 
		OOJSONTest.method1(); // JSON 으로 생성된 객체 테스트 
		alert(myClassObj.myString); // new Object() 로 생성된 객체를 테스트 
	}

위 소스는 특별한 역할을 수행하는 것이 아니라 Javascript 객체에 대해서 한눈에 알아볼 수 있도록 간단하게 작성을 한것이다 위 유형을 이용해서 다양한 Javascript 프로그래밍을 할 수 있다.