티스토리 뷰
객체를 생성하는 또 다른 방법이다.
1. Object 생성자 함수
new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성해 반환한다.
객체 생성 이후 프로퍼티 또는 메서드를 추가하여 객체 완성이 가능하다.
// 빈 객체 생성
const minda = new Object();
// 프로퍼티 추가
minda.name = 'Hong';
minda.sayYeeeeh = function () {
console.log('Yeeeeeeeh' + this.name);
};
console.log(minda);
minda.sayYeeeeh();
생성자 함수는 new 연산자와 함께 호출해 인스턴스를 생성하는 함수다.
이때, 생성자 함수가 만든 객체를 인스턴스라 부른다.
2. 빌트인 함수
String, Number,Boolean, Function, Array, Date, RegExp, Promise 등의 빌트인 생성자 함수를 제공한다.
표준 내장 객체 - JavaScript | MDN
이 장은 JavaScript의 모든 표준 내장 객체와 그 메서드 및 속성을 나열합니다.
developer.mozilla.org
3. 사용 예시
특별한 이유가 없다면 객체 리터럴을 사용하는 것이 더 간편하다.
다음과 같은 상황에서 생성자 함수를 사용한다.
https://404minda.tistory.com/67
'Oops, All Code! > 📝 Study Notes' 카테고리의 다른 글
[JS] 생성자 함수 인스턴스 생성 과정 (0) | 2023.03.07 |
---|---|
[JS] 생성자 함수와 객체 리터럴의 차이 (0) | 2023.03.06 |
[React] 한 학기 공부 계획 (0) | 2023.03.01 |
[JS] var과 let, const (0) | 2023.01.13 |
[JS] 렉시컬 스코프의 개념 (0) | 2023.01.12 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 책추천
- 카페추천
- js
- 우아한테크코스
- 부스트캠프멤버십
- react
- typescript
- 일급객체
- 대학생팝업스토어
- 도서리뷰
- 도서추천
- 어휘력
- 어른의어휘공부
- 회고
- javascript
- 트러블슈팅
- 네이버부스트캠프
- 프리코스
- 소사벌맛집
- 소사벌
- 서평
- 카드뉴스
- 웹풀스택
- 프로토타입
- 안성스타필드
- 비즈플리마켓
- 코딩테스트
- 프론트엔드
- 대학생플리마켓
- 경험플리마켓
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
글 보관함