✅17장 생성자 함수에 의한 객체 생성
객체 리터럴에 의한 객체 생성 방식을 배웠다!(참고)
👉가장 일반적이고 간단한 객체 생성 방식
[DeepDive]10~12장 객체 리터럴/원시 값과 객체의 비교/함수
✅10장 객체 리터럴자바스크립트는 객체 기반의 언어이며, 자바스크립트를 이루고 있는 거의 모든것이 객체!객체란🤔 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합 *메서드 : 프로퍼
bom-na.tistory.com
이번엔 생성자 함수를 사용하여 객체를 생성하는 방식을 알아보쟈!
Object 생성자 함수
- new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환
- 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성
// 빈 객체의 생성
var person = new Object();
// 프로퍼티 추가
person.name = 'Lee';
person.gender = 'male';
person.sayHello = function () {
console.log('Hi! My name is ' + this.name);
};
console.log(typeof person); // object
console.log(person); // {name: "Lee", gender: "male", sayHello: ƒ}
person.sayHello(); // Hi! My name is Lee
생성자 함수란🤔
new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말함
인스턴스란🤔
생성자 함수에 의해 생성된 객체
✅18장 함수와 일급 객체
✅19장 프로토타입
'자바스크립트' 카테고리의 다른 글
[JS] 함수 참조, 함수 호출 (0) | 2024.10.29 |
---|---|
[JS]자바스크립트 동작 원리(실행 컨텍스트, 스코프, 이벤트루프) (2) | 2024.10.25 |
[JS]정규표현식 (0) | 2024.10.24 |
[DeepDive]13~15장 스코프/전역 변수의 문제점/let,const 키워드와 블록 레벨 스코프 (0) | 2024.10.22 |
[DeepDive]10~12장 객체 리터럴/원시 값과 객체의 비교/함수 (1) | 2024.10.21 |