자바스크립트 중급 강좌 #2 - 생성자 함수
객체 만들기
=> 이런 식으로 객체를 만들 수 있다. 이걸 객체 리터럴이라고 한다.
이렇게 비슷한 객체를 여러번 만들어야 할 때는 일일이 객체를 만드는 것보다 생성자 함수를 활용하는 것이 더 효율적이며 일관성 있게 객체를 만들 수 있다.
생성자 함수
=> 생성자 함수를 만들고, 함수를 호출하여 비슷한 객체 여러개를 만들어낼 수 있다.
생성자 함수는 붕어빵 틀이라고 생각하면 된다. 필요한 재료 (여기서는 name, age)를 넣어주면 알아서 붕어빵을 만들어줌.
=> new를 붙여서 생성자 함수를 호출하게 되면, 빈 객체 this를 생성하고 그 안에 프로퍼티나 메소드를 추가하여 객체를 리턴한다. 실제 코드에는 빈 객체 this를 생성하고 리턴하는 코드는 없지만 new라는 명령어가 자동적으로 해준다.
+) 생성자 함수라고 특별할 것 없고, 어떤 함수든 new를 붙여서 함수를 실행하면 같은 알고리즘이 동작한다. 그래서 구분하기 위해 생성자 함수는 첫문자를 대문자로 하는 것이 관례.
new 를 붙이지 않으면 빈 객체를 생성하지도 않고 생성한 객체를 return 하지도 않기 때문에 아무것도 반환하지 않는 함수를 실행한 것과 같다. 그러므로 꼭 new를 붙여줘야 객체를 생성할 수 있음.
'자바스크립트 중급 강의' 카테고리의 다른 글
문자열 메소드(String methods) - 자바스크립트 중급 강좌 #6 (0) | 2021.10.27 |
---|---|
숫자, 수학 method (Number, Math) - 자바스크립트 중급 강좌 #5 (0) | 2021.10.27 |
심볼(Symbol) - 자바스크립트 중급 강좌 #4 (0) | 2021.10.27 |
객체 메소드(Object methods), 계산된 프로퍼티(Computed property) -자바스크립트 중급 강좌 #3 (0) | 2021.10.27 |
변수, 호이스팅, TDZ(Temporal Dead Zone) - 자바스크립트 중급 강좌 #1 (0) | 2021.10.27 |
댓글