본문 바로가기

Development/Coding

자바스크립트 객체

자바스크립트의 OOP 는 클래스 기반 OOP 가 아니라 PROTOTYPE 기반의 OOP 라고들 한다.

클래스 기반에서 객체를 사용하려면 인스턴스를 생성해야 한다.

Class "객체A" = new Class();

"객체A".메소드();

이런 형태의 "객체A" 를 생성해야 "객체A" 를 사용할 수 있다.

하지만 프로토타입 기반의 객체 사용에는 인스턴스 생성이 필요하지 않는다. 선언과 동시에 사용할 수 있는 장점이 있다. 프로토타입이 클래스를 확장하는 개념의 방식을 사용하고 있기 때문이다.

최신 자바스크립트 프레임워크에서 자주 사용되는 객체 관련 구문을 보면 다음과 같은 형태를 많이 볼 수 있다.

var simpleVar = { 객체 배열 };

simpleVar 는 일반적으로 사용되는 변수다. 자바스크립트의 변수는 참 오묘한 부분이 있다. 그 어떤 것도 객체로 할당 받을 수 있다. 여기서는 객체 배열을 받았다.

객체 배열은 다음과 같은 형태를 가지고 있다.

{ 이름 : 값, 이름 : 값, 이름 : 값 }

이름은 변수가 될 수도 있다. 이 변수에 익명함수를 전달하면 함수명이 될 수도 있다.

simpleMethod = function() { 함수 내용 };

선언된 변수를 통해 함수를 호출하려면 변수명 뒤에 () 가 붙으면 실행이 된다.

simpleMethod();

모질라 개발자 센터에서 자바스크립트 재입문 페이지를 제공하고 있다.
꼭 한번 읽어볼 만하다.
https://developer.mozilla.org/ko/A_re-introduction_to_JavaScript

네이버의 진도 프레임웍 관련한 글도 좋다.
http://dev.naver.com/opensource/ajaxui/ajaxui_2.php






'Development > Coding' 카테고리의 다른 글

자바스크립트로 숫자만 판단할 경우  (0) 2010.08.26
JQTouch 치트쉬트  (0) 2010.08.14
자바스크립트 배열 관련  (0) 2010.08.03
Effective C#  (0) 2010.07.19
How JQuery Works  (0) 2010.06.15