[JS ES6]-[1] 객체지향(oop) 핵심만 이해하기

안녕하세요

이번 글에서는 자바스크립트에서의  객체지향(oop) 핵심만 알려드리겠습니다.

 

 

1. 객체지향 이해하기(아주 쉬움)

객체지향 개념을 아주 간단하게 설명해 드릴게요

예를 들어 함수를 하나 생성한 후,

구조를 확인할 수 있는 console.dir을 이용해 함수를 보여드리겠습니다.

함수 console.dir로 찍어보기

함수를 자세히 보면 신기한 점을 눈치채실 겁니다.

함수인데 객체처럼 key와 value 값으로 구성되어 있다는 점이죠.

 

 

js에선 배열도, 함수도, 사실은 전부 객체로 이루어져 있습니다. 간단한 예를 들어 볼게요.

 

우리가 js 객체에서 값을 가져올 때 어떻게 가져오나요?

보통은 "."을 사용해서 가져오실 겁니다.

var obj = {
  name: 'kim'
};

console.log(obj.name); //"."을 이용해서 값을 가져옴
//kim

 

그런데 배열에서도 "."을 사용합니다.

자주 사용하는 배열함수  forEach를 예시로 보여드리겠습니다.

[1,2,3].forEach(function (val) {
  console.log(val);
});
//1 2 3

배열에  객체에서 값을 가져올 때처럼 "."을 사용하니 함수가 호출되는 모습이네요.

사실은 배열이 객체를 기반으로 만들어져 있어서 이게 가능한 거예요!

 

 

2. 정리

js는 대부분 배열, 함수등 많은 것이 객체로 이루어져 있습니다.

그리고 이 많은 객체를 기반으로, 개발하는 것이 객체지향의 핵심입니다.

 

지금은 왜 중요한지 몰라도, 뒤에 글에서

객체지향이 왜 중요한지 차차 이해하게 될거에요!