Java Script 기본 문법(2)

자바 스크립트의 객체에 대해 알아보자.

 

자바스크립트의 객체는 키(key)와 값(value)로 이뤄진 프로퍼티(property)의 집합이다.

또한 객체는 prototype이라는 특별한 프로퍼티를 갖고 있다.

자바 스크립트는 클래스라는 개념이 없기 때문에 기존의 객체를 복사하여 

새로운 객체를 생성하는 프로토 타입 기반의 언어이다. 

따라서 자바스크립트의 모든 객체는 자신의 부모 객체, 즉 Prototype 객체와 연결되어 있다.

이건 나중에 알아보기로 하고,

그럼 객체는 어떻게 만들까

객체를 만들 때는 

객체 리터럴(프로그래밍에서 자룔를 표기하는 방식)을 이용하거나({ }), 

Object 생성자인 "new Object()"를 사용하거나 생성자 함수를 사용하는 방법이 있다.

이런 식으로 객체를 만들 수 있고, 출력 결과는 다음과 같다.

또한 객체를 생성할 때 프로퍼티를 바로 추가할 수가 있는데,

위와 같이 작성하면 생성하면서 프로퍼티를 추가할 수 있다.

출력결과는 다음과 같다.

만들어진 객체 내 프로퍼티를 조회, 변경하는 방법은 다음과 같다.

'객체.키' 와 같이 작성하는 방식으로 값을 조회 및 변경할 수 있고, [ ] 를 이용해서 조회 및 변경할 수 있다.

위의 결과는 다음과 같다.

 

또 객체 변수는 주소가 저장되기 때문에 공유가 가능하다.

위와 같이 작성된 코드가 있다.

person 객체를 생성한 후, person2 객체는 person객체를 참조하고

person2의 이름을 변경하면 주소가 공유되기 때문에 person의 이름 또한 바뀐다.

결과는 다음과 같다.

 

또한 객체 내에 함수가 존재할 수 있는데, 이 프로퍼티를 메소드라고 한다. 

객체의 함수에서 this가 가리키는 것은 함수를 호출한 객체의 프로퍼티이다.

위와 같이 코드를 작성해서 출력해보면 다음과 같다.

함수를 작성한 후 객체에 추가해 준 뒤 객체 내 함수를 호출하면

this는 곧 person이 된다.