[KOSTA] Spring 기반 Cloud 서비스 개발자 양성 과정 38일차 - 자바스크립트 객체 실습

📃 전화번호부 생성자 함수로 구현

	function phoneInfo(name,phoneNo,birth) {
		this.name = name;
		this.phoneNo = phoneNo;
		this.birth = birth;
		this.display = function(){
			return this.name + "\t" + this.phoneNo + "\t" + this.birth
		}
	}
	
	var infos = [];
	infos.push(new phoneInfo("홍길동","111-111","010101"))
	infos.push(new phoneInfo("박길동","222-111","020202"))
	infos.push(new phoneInfo("이길동","333-333","030303"))
	infos.push(new phoneInfo("조길동","444-444","040404"))
	infos.push(new phoneInfo("황길동","555-555","050505"))
	
	document.write("===================<br>");
	document.write("phoneInfo 예제<br>");
	
	for(var i in infos){
		document.write("=====================<br>");
		document.write(infos[i].display()+"<br>");
	}

📃 Rectangle 생성자 함수를 만들고 사각형 넓이를 구하는 함수

function Rectangle(width, height){
		this.width = width;
		this.height = height;
	}
	
	Rectangle.prototype = {
			getArea : function(){
				return (this.width * this.height);
			}
	}
	
	var rectangle = new Rectangle(5, 7);
	console.log(rectangle.getArea());

📃 이전에 구현한 전화번호부 prototype으로 구현

function phoneInfo(name,phoneNo,birth){
		this.name = name;
		this.phoneNo = phoneNo;
		this.birth = birth;
	}
	
	phoneInfo.prototype = {
			display : function(){
				console.log("이름 : " + this.name + " 전화번호 : " + this.phoneNo + " 생년월일 : " + this.birth) 
			}
	}
	
	var info = new phoneInfo("홍길동", "111-111", "010101");
	
	info.display();