Posts 객체에 대해 알아보자
객체에 대해 알아보자
Cancel

객체에 대해 알아보자

오늘은 객체에 대해 알아보았다.
간단한 내용이지만 그래도 뭔가 정리하고 싶었다.


객채

객체란 무엇인가..
아주 철학적인 질문이로다.

객체는 자바스크립트의 전부라고 해도 과언이 아니다.
실제로 원시 타입 값을 제외한 함수, 배열, 정규 표현식 등이 모두 객체이기 때문이다.
자바스크립트의 대부분이 객체로 구성되어 있기에 나중에 객체 지향프로그램이라는 것도 배우게 될 것..

우선 기본적인 객체는 모두가 잘 알고 있다.

1
2
3
4
5
6
7
8
const obj =  {
  x:5,
  y:10,
  add: function (){
    this.x + 10;
  }
}
obj.x // 5

너무 기본적인 객체이지 않은가?
객체는 위에처럼 2가지로 나눌 수 있다.

  1. 프로퍼티
  2. 메서드

프로퍼티란 객체의 상태를 나타내는 을 의미하고
메서드는 객체 안에서 값을 참조하고, 조작할 수 있는 모든 것들을 메서드라고 한다.
그래서 우리가 자바스크립트에서 기본적으로 있는 함수들을 메서드라고 표현하는 것이다.


프로퍼티

프로퍼티를 더 자세하게 보자면,
프로퍼티는 키와 값으로 나뉜다.

위에서 x가 키고 5가 값이 되는 것이다.
여기까지는 쉽다.

키를 만들 때는 “식별자 네이밍 규칙” 이라는 것이 있다.
따옴표를 쓰지 않고 만드는 것이다.

1
2
3
4
const obj = {
  Name: "asd",
  'name': "ASD"
}

위에 처럼 두 가지 방법으로 만들 수 있지만
개발자 사이에 규칙이 존재하기 때문에
따음표를 쓰지 않고 만드는 것이 일반적이다.

또한 키는 값은 값으로 다시 만들 수 있지만
나중에 만든 것이 기존 것을 덮어쓰기에 조심하자.

프로퍼티에 접근하기 위해서는
2가지 방식이 존재한다.

  1. 마침표 표기법
  2. 대괄호 표기법

마침표 표기법은 우리가 가장 많이 쓰는 방식이다.

1
 obj.x

그리고 대괄호 표기법은 아래와 같다.

1
obj["x"]

대괄호 표기법은 반드시 ““로 감싸줘야 한다.
그렇지 않으면 자바스크립트는 식별자로 해석한다.
여기서 식별자란 변수같은 것들을 의미한다.

그래서 e.target.name 같은 것들은 “” 를 쓰지 않는 것.


내용이 짧았다.
하지만 나중에 객체 뭐시기가 더 나올 것 같아서 일단 정리했다.

메서드

메서드는 왜 일반적으로 함수라고 부르지 않는 것일까?
프로퍼티 값으로 함수가 들어갈 수 있는데,
그럴 때 일반 함수와 구분하기 위해서 메서드라고 표현하는 것이다.

그래서 메서드다잇


This post is licensed under CC BY 4.0 by the author.

연산자에 대해 알아보자

원시 값과 객체의 비교

Comments powered by Disqus.