[Javascript] 사용자 객체 만들기

▶ 사용자 객체 만들기

(1) 직접 객체 만들기

- new object() 이용

- 리터럴 표기법 이용

 

(2) 객체의 틀(프로토타입)을 만들고 객체 생성하기

 

 

ex) 은행 계좌를 표현하는 account 객체

 

 

 

▶ new Object()로 객체 만들기

● 과정

(1) new Object()로 빈 객체 생성

 

(2) 빈 객체에 프로퍼티 추가

- 새로운 프로퍼티 추가 (프로퍼티 이름과 초기값 지정)

 

(3) 빈 객체에 메소드 추가 

- 메소드로 사용될 함수 미리 작성

- 새 메소드 추가(메소드 이름에 함수 지정)

 

예제) new Object()로 계좌를 표현하는 account 객체 만들기

 

▷ this

- this는 이 객체를 뜻한다

- 예제의 deposit()함수에서 this.balance는 이 객체의 balance 프로퍼티를 뜻하며, 만일 this 없이 balance라고만 쓰면 이것은 전역변수나 지역변수 balance를 접근 하는 것

 

 

 

 

▶ 리터럴 표기법으로 만들기

- 중괄호를 이용하여 객체의 프로퍼티와 메소드 지정

 

예제) 리터럴 표기법으로 계좌를 표현하는 account 객체 만들기

 

 

 

 

 

▶ 프로토타입(prototype)

- 객체의 모양을 가진 틀

- 붕어빵은 객체이고, 붕어빵을 찍어내는 틀은 프로토타입

- C++, Java에서는 프로토타입을 클래스라고 부름

- Array, Date, String :자바스크립트에서 제공하는 프로토타입

- 객체 생성시 'new 프로토타입' 이용

ex) var week = new Arary(7);   // Array는 프로토타입

var hello = new String("hello"); //String은 프로토타입

 

 

▶ 프로토타입 만들기 (Student 프로토타입)

- 프로토타입은 함수로 만든다 (프로토타입 함수를 생성자 함수라고도 함)

- new 연산자로 객체를 생성한다

 

 

예제) 프로토타입으로 객체 만들기