16. (javascript/자바스크립트) 프로토 타입(prototype) 사용해 클래스 구조체 객체 정의 실시

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <script>
    	/* 
    	[JS 요약 설명]
    	1. 프로토타입(prototype) : 상속되는 정보를 제공하는 객체입니다 (클래스 구조체 개념)
    	2. 프로토타입은 new 연산자를 사용해 상속 받습니다  
    	*/
    	
    	
    	/* 이벤트 함수 정의 */
    	function main_function() {
    		/* [UserInfo 프로토 타입 정의 실시] */
    		var one_user = new UserInfo("투케이", 28);
    		console.log("one 이름 : " + one_user.name);
    		console.log("one 나이 : " + one_user.age);
    		console.log("one 포맷 : " + one_user.format());
    		
    		console.log("two 포맷 : " + new UserInfo("케이투", 30).format());    		
    	};
    	
    	
    	/* 프로토 타입 객체 정의 실시 */
    	function UserInfo(name, age){
    		/* 매개변수 매핑 */
    		this.name = name;
    		this.age = age;    		
    		
    		/* 포맷 데이터 반환 값 정의 */
    		this.format = function(){
    			return "이름 : " + this.name + "," + "나이 : " + this.age;
    		}
    	}
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[JS 요약 설명]

1. 프로토타입(prototype) : 상속되는 정보를 제공하는 객체입니다 (클래스 구조체 개념)

2. 프로토타입은 new 연산자를 사용해 상속 받습니다

*/

/* =========================== */