자바스크립트 객체의 캡슐화

스터디/자바스크립트

자바스크립트 객체의 캡슐화

고무곰(GomuGom) 2017. 8. 14. 16:51

<!DOCTYPE html>
<html>
<head>
	<title></title>

<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://rongscodinghistory.tistory.com/m/74","name":null},"url":"https://rongscodinghistory.tistory.com/m/74","headline":"자바스크립트 객체의 캡슐화","description":"","author":{"@type":"Person","name":"고무곰(GomuGom)","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2017-08-14T16:51:45+09:00","dateModified":"2017-08-14T16:51:45+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}}
</script>

</head>
<body>
<script type="text/javascript">
	/*
		[	 캡슐화	]
		: 내가 만든 변수에 다른 사용자에 의해 원치않는 값이 대입되는걸 막아야 할
		의도로 사용되어 진다.
		ex) 넓이를 구하는데 필요한 width,height값은 양수만 입력되어야하지만
		사용자가 음수를 입력하면 안되는데 이렇게 음수가 입력되는걸 방지하기 위해
		사용된다.

방법) 외부에서 사용자가 필드변수에 접근하는 것을 막기위해 지역변수로 선언하고
			getter와 setter를 통해서만 접근할 수 있도록 한다.
	*/
	function test(){
		/*
			this.nameVal2의 경우 외부에서 접근 가능
			var nameVal은 함수 내부에서 선언시 지역변수로 외부에서 접근이 불가능하다.
			따라서, 
		*/
		var nameVal = "";
		var ageVal = 0;
		this.nameVal2 = "";
		this.ageVal2 = 0;
		
		this.setterNameVal = function(name){
			nameVal = name;
		}

this.setterAgeVal = function(age){
			if ( age <= 0){
				throw "음수 입력하지마세요";
			}else{
				ageVal = age;	
			}
		}

this.getterNameVal = function(){
			return nameVal;
		}

this.getterAgeVal = function(){
			return ageVal;
		}
	}

test.prototype.info = function(){
		return "소개 : " + this.getterNameVal() + "님의 나이는 : "
			 + this.getterAgeVal();
	}
	var f = new test();
	f.setterNameVal("황영롱");
	f.setterAgeVal(28);

alert(f.info());
</script>

</body>
</html>

저작자표시 비영리