객체지향이란

6138 단어 JavaScriptJavaScript

객체지향의 맛보기정도만 알아보겠습니다.😂

객체지향이란 간단하게 말하면
연관된 것들의 변수,데이터와 함수를 그룹핑한 것입니다.

<보기1> 객체 안 객체를 접근하는 방법


<script>
      var artist = {
         'name' : {'Kim' : 10, 'Lee' : 9, 'Nam' : 8},
         'show' : function(){
            for(var i in this.name){
               console.log(i, this.name[i]);
            }
         }
      }
      alert(artist['name']['Kim']); 
</script>

artist라는 객체 안에 'name'이라는 key값이 있고,

그 key값 안에 담겨있는 값은 또다른 객체입니다.





alert창을 띄운 결과는

10



<보기2> 객체 안 함수를 호출하는 방법


<script>
      var artist = {
         'name' : {'Kim' : 10, 'Lee' : 9, 'Nam' : 8},
         'show' : function(){
            for(var i in this.name){
               console.log(i, this.name[i]);
            }
         }
      }
      artist.show();
</script>

artist라는 객체 안에 'show'라는 key값이 있고,

그 key안에 함수가 있습니다.






함수를 호출하고 콘솔창의 결과는







이렇게 하나의 객체에 name이라는 데이터와 show라고 하는 함수를 그룹핑한 것이 객체지향입니다.




오늘은 정말 공부하면서 많이 복잡하고 어렵다 생각되는 파트였습니다~ 😭

객체지향에 대해 깊게 정의해본것도 아닌데 말이죠~

좋은 웹페이지 즐겨찾기