0. Object (기초)

Object

• 자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 "모든 것"이 객체이다.
• 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규 표현식 등)은 모두 객체이다.
• 자바스크립트의 객체는 키(key)와 값(value)으로 구성된 프로퍼티(Property)들의 집합이다.

 

자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 따라서 프로퍼티 값으로 함수를 사용할 수 있으며 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메소드라 부른다.

 

자바스크립트의 객체는 객체지향의 상속을 구현하기 위해 "프로토타입(prototype)"이라고 불리는 객체의 프로퍼티와 메소드를 상속받을 수 있다.

---

1. 객체 tory 만들어보기

객체 tory

 

• 객체 tory는 키, 값으로 구성된 프로퍼티들의 집합이다.
• 자바스크립트에서는 함수를 값으로 취급할 수 있다 (sound)

---

1) 객체 tory의 타입 출력

실행 결과

 

객체의 타입은 object이다.

---

2) 객체 tory의 프로퍼티 출력

실행 결과

 

키(Key)로 객체의 데이터 값을 참조할 수 있다.

---

3) 값이 함수인 프로퍼티 호출

실행 결과

 

값이 함수인 프로퍼티도 사용할 수 있다.

---

4) 실습해보기

전체 수정

• tory의 sound와 toString을 호출하는 버튼을 2개 만들었다.
• sound와 toString에 alert를 추가하였다.

"짖어!" 버튼 클릭

"정보확인" 버튼 클릭

---

2. 객체 myCar 만들기

객체 myCar

---

1) toString 호출 해보기

실행 결과

---

2) 실습 해보기

수정된 자바스크립트

 

값으로 함수를 가지는 accel과 break를 추가하고 호출해보았다.

 

실행 결과

 

3) 버튼 추가하여 객체 제어 해보기

버튼 추가

실행 결과

---

출처

 

https://poiemaweb.com/js-object

Object | PoiemaWeb