자바스크립트 객체 생성 방식 질문 드립니다.

자바스크립트에서는 이전에 클래스 문법이 없을때에 function을 사용해서 객체를 만드는 틀로 사용했는데 그 작동원리에는 prototype이라는 내부적인 구현방식이 있습니다.(사실 현재도 그렇습니다.) 짧게 설명드리면 새로운 함수를 정의하면 그 함수는 그 함수의 prototype 객체 내부의 생성자 함수를 가리키며 이후에 new 키워드와 함께 해당 함수를 호출시 객체를 찍어낼 수 있습니다. new 와 함께 생성자함수를 호출하지 않으면 객체를 만들지 못하고 Counter 함수에는 return 값이 따로 없기때문에 undefined를 반환하는거 같습니다. 지급 질문하신 부분은 자바스크립트에서 클래스 문법이 나오기전에 프로토타입 기반으로 객체를 만드는 과정에서 비롯된 것이고 글 제목인 클로저하고는 조금 궤를 달리합니다. 프로토타입을 키워드로 좀 더 찾아보시면 더 정확히 이해하실 수 있을시거 같네요.

질문 후에 코드를 살펴보며 제가 이해한 내용입니다. 혹시 클로저 혹은 즉시 실행함수에 대해 첨언주시거나 아래에 이해한 내용 중 정정이 필요한 내용이 있다면 답변 달아주시면 정말 감사드리겠습니다. 제가 질문 시에 오해한 점은 즉시 실행 함수의 반환값이 Counter 함수의 반환값이라고 생각한 것입니다. 즉시 실행 함수의 반환값은 Counter 함수 정의입니다. 이 때 const counter = new Counter(); 를 실행하면, Counter()의 반환값인 Counter 함수 정의가 new 연산자와 함께 호출되어, 반환값이 존재하지 않더라도 암묵적으로 Counter 객체를 생성하여 counter에 할당됩니다. const counter = Counter(); 를 실행하면, Counter()의 반환값인 Counter 함수 정의가 일반 호출되어, Counter 함수의 반환값(여기서는 함수 몸체가 비어 있으므로 undefined)이 counter에 할당됩니다. 아직까지 클로저가 클래스의 약식이 아닌가 하는 생각이 듭니다. 더 배워가며 둘의 차이에 대해서 알아보고 싶네요!

1const Counter = (function() {
2    let num = 0;
3
4    // Counter 함수의 반환값은 없음
5    function Counter() {
6        
7    }
8
9    Counter.prototype.increase = function () {
10        return ++num;
11    }
12
13    Counter.prototype.decrease = function () {
14        return num > 0 ? --num : 0;
15    }
16
17   // 즉시 실행 함수의 반환값은 Counter 함수 정의 
18    return Counter;
19})();