javascript

javascript getter&setter

날아올라↗↗ 2016. 1. 5. 18:05
728x90
반응형

웹상에서 js파일을 이용하여 getter와 setter 적용하기



member.html


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Insert title here</title>
  6. <!--
  7. 외부 문서에 membervo를 생성하고 이 문서내부에서 값 세팅 출력하는 자바스크립트 코딩을 완성하세요.
  8. -->
  9.  
  10. <script src="MemberVO.js"></script>
  11. <script type="text/javascript">
  12.     var p = new Member();
  13.     p.setName("tester");
  14.     p.setId("palaoh");
  15.     p.setPwd("123456");
  16.     p.setTel("010");
  17.    
  18.     console.log(p.getName());
  19.     document.write(p.getName() + "<br>");
  20.     console.log(p.getId());
  21.     document.write(p.getId() + "<br>");
  22.    
  23.     console.log(p.getPwd());
  24.     document.write(p.getPwd() + "<br>");
  25.    
  26.     console.log(p.getTel());
  27.     document.write(p.getTel());
  28. </script>
  29. </head>
  30. <body>
  31. <h1>Member</h1>
  32. </body>
  33. </html>


memberVO.js

  1. /**
  2. *
  3. */
  4.  
  5. function Member() {
  6.     var name = "";
  7.     var id = "";
  8.     var pwd = "";
  9.     var tel = "";
  10.    
  11.     this.setName = function(param) {
  12.         name = param;
  13.     }
  14.    
  15.     this.getName = function() {
  16.         return name;
  17.     }
  18.    
  19.     this.setId = function(param) {
  20.         id = param;
  21.     }
  22.    
  23.     this.getId = function() {
  24.         return id;
  25.     }
  26.    
  27.     this.setPwd = function(param) {
  28.         pwd = param;
  29.     }
  30.    
  31.     this.getPwd = function() {
  32.         return pwd;
  33.     }
  34.    
  35.     this.setTel = function(param){
  36.         tel = param;
  37.     }
  38.    
  39.     this.getTel = function(){
  40.         return tel;
  41.     }
  42. }



728x90
반응형
저작자표시 (새창열림)