javascript : 객체와 실습코드

객체지향프로그래밍

python, C++ 등등 객체를 지향하는 프로그래밍 언어에서 보통 class로 틀을 만들고, 객체를 생성하여 code의 재사용률을 높이자는 취지가 바로 객체지향프로그래밍이다.

javascript는 어떤 형태로 객체지향프로그래밍을 하는지 잘 몰랐는데, 이번에 javascript를 공부하면서 알게 되었다.

 

javascript의 객체

javascript는 class가 따로 존재하지는 않지만, json 형식으로 해서, key value 형태를, function_name : function_method 이런식으로 구성이 되어있다.

<script>
        var grades = {
            'list' : {'hj' : 10, 'hg' : 30, 'sj' : 1},
            'show' : function(){
                alert(this.list.hg);
            }
        }

        grades['show']()
    </script>

위의 실습코드는 grades라는 객체 안에, list라는 data를 넣고, show라는 function을 넣은 객체이다.

흔히 python 에서 말하는 class의 구조와 굉장히 흡사하다.

 

this

this는 javascript에서 객체를 의미한다. 여기서의 this는 grades 객체를 의미한다.

위의 코드처럼 this.list.hg 로 data의 정보라던지 함수를 접근할 수 있다.

javascript의 장점 중 하나는, 관련되어있는 정보와 함수를 grouping 하는 것이다.