자바스크립트

[DeepDive]17~19장 생성자 함수에 의한 객체 생성/함수와 일급 객체/프로토타입

민ズl 2024. 10. 25. 13:46

✅17장 생성자 함수에 의한 객체 생성

객체 리터럴에 의한 객체 생성 방식을 배웠다!(참고)

👉가장 일반적이고 간단한 객체 생성 방식

 

[DeepDive]10~12장 객체 리터럴/원시 값과 객체의 비교/함수

✅10장 객체 리터럴자바스크립트는 객체 기반의 언어이며, 자바스크립트를 이루고 있는 거의 모든것이 객체!객체란🤔 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합 *메서드 : 프로퍼

bom-na.tistory.com

이번엔 생성자 함수를 사용하여 객체를 생성하는 방식을 알아보쟈!

 

Object 생성자 함수

  1. new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환
  2. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성
// 빈 객체의 생성
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장 프로토타입