JavaScirpt_10_1객체

Yoon Tschoe·2022년 1월 14일
0

JavaScript

목록 보기
9/10

JavaScirpt 공부 정리
<모던 자바스크립트 Deep Dive>의 목차를 따릅니다. 책을 발제하는 것을 기본 골조로 하고, 개인이 공부한 내용을 추가합니다.


강의에서 객체에 대해 흝고 지나갔던 것보다 시간을 들이며 공부해보니 메서드 등 단어로 지나갔던 것들이 개념으로 정리된다.
원래 책에서는 10장은 객체를 생성하는 방법 중 '객체 리터럴'을 제목으로 달고 있지만, 객체 기본에 대한 내용이 앞에 나오기에 이를 하나의 꼭지로 따루 묶었다.


1. 객체란

  • JS는 객체 기반의 프로그래밍 언어로, JS를 구성하는 거의 모든 것이 객체이다.
  • 객체는 0개 이상의 property로 구성된 집합이며, property는 key & value로 구성된다.
var person = {
  name: 'Choi';
  age: 20;
  sayHello: function () {
    console.log(`Hi! My name is ${name}.`);
  }
};
  • 이 때, property의 값의 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라고 부른다.
  • 이처럼 객체는
    - 객체의 상태를 나타내는 값, 즉 상태 데이터(property)
    - 프로퍼티를 참조하고 조작할 수 있는 동작(method)
    모두 포함할 수 있기 때문에 상태와 동작을 하나의 단위로 구조화할 수 있어 유용하다.
  • 객체지향 프로그래밍: 객체의 집합으로 프로그래밍을 표현하려는 프로그래밍 패러다임

2. 객체 생성 방법

1) 함수 사용

  • object 생성자 함수
  • 생성자 함수
  • object.create 매서드
  • 클래스(ES6)

2) 함수 이외: 객체 리터럴

JavaScirpt_10_2객체 리터럴

3. 프로퍼티

1) 프로퍼티 키와 값

  • 프로퍼티 키: 문자열 또는 심벌값 (그 이외는 암묵적 변환을 통해 문자값으로 변경)
    • 되도록 식별자 네이밍 규칙을 따르자 (그렇지 않을 경우 반드시 따옴표 사용해야 함)
  • 프로퍼티 값: JS에서 사용할 수 있는 모든 값

2) 프로퍼티 값 접근

console.log(person.name);
console.log(person['name']);
  • 객체에 존재하지 않는 프로퍼티에 접근하면 undefined 반환. (ReferenceError는 발생하지 않음에 주의)
profile
프론트엔드 개발자를 목표로 하는 전 미술기획자

0개의 댓글