본문 바로가기

Study/JS

객체

JS는 객체 기반의 프로그래밍 언어이며, JS를 구성하는 모든것이 객체이다. (원시값을 제외한)

객체는 0개 이상의 프로퍼티의 집합이다.

 

	let person={
    	name: 'Lee',    -프로퍼티
        age: 20,        -프로퍼티
        키    값
        increase: function() {
        	this.num++;          - 메서드
        }
    }

 

프로퍼티는 키와 값으로 구성되어 있다.
프로퍼티의 값이 함수일 경우 일반 함수와 구분하기 위해 메서드(method)라 부른다.

 

프로퍼티 - 객체의 상태를 나타내는 값(data)

메서드 - 프로퍼티를 참조하고 조작할 수 있는 동작

 

JS에서는 다양한 객체생성방법을 지원한다.

  • 객체 리터럴
  • Object 생성자 함수
  • 생성자 함수
  • Object.create 함수
  • 클래스(ES6)

 

객체 생성방법중 가장 일반적이고 간단한 방법은 객체리터럴이다.

객체리터럴은 중괄호({...}) 내에 0개의 프로퍼티를 정의한다.
변수에 할당하는 시점에 객체리터럴을 해석해 객체를 생성한다.
만약 중괄호 내에 프로퍼티를 정의하지 않으면 빈 객체가 생성된다.

 

	let empty = {};
    console.log(typeof empty)   // object

 

객체 리터럴의 중괄호는 코드블록을 의미하지 않는다.
코드블록의 닫는 중괄호 뒤에는 세미콜론을 붙히지 않는다.
하지만 객체리터럴은 값으로 평가되는 표현식이므로 객체 리터럴을 닫는 중괄호 뒤에는 세미콜론을 붙힌다.

객체 리터럴 외에 객체 생성방식은 모두 함수를 이용해 객체를 생성한다.

 


출처

 

모던 자바스크립트 Deep Dive: 자바스크립트의 기본 개념과 동작 원리

269개의 그림과 원리를 파헤치는 설명으로 ‘자바스크립트의 기본 개념과 동작 원리’를 이해하자! 웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 태어난 자바스크립트는 과도

wikibook.co.kr

 

 

'Study > JS' 카테고리의 다른 글

JS 배열 비교하기  (1) 2022.09.23
프로퍼티  (0) 2022.09.22
ES6  (0) 2022.09.22
옵셔널체이닝연산자  (0) 2022.09.22
반복문  (0) 2022.09.22