#2 생성자 함수

2026. 1. 8. 20:47·JavaScript/중급
반응형

우리는 개체 만드는 것을 배웠다.

let user = {
    name : 'Mike';
    age : 30;
}

이렇게 만든 것을 객체 리터럴 이라고 한다.

 

그런데 개발을 하다 보면 비슷한 객체를 여러 개 만들어야 되는 상이 발생한다.

이때, 필요한 것이 생성자 함수이다.


생성자 함수

생성자 함수는 다음과 같이 작성한다.

function User(name, age) {
    this.name = name;
    this.age = age;
}

let user1 = new User('Mike',30);
let user2 = new User('Jane',22);
let user3 = new User('Tom',17);
  • 생성자 함수는 보통 첫글자를 대문자로 해 함수를 만든다.
  • new 연산자를 사용해 함수를 호출한다.

생성자 함수에 메소드를 추가하고 객체를 추가해 보겠다.

function User(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function() {
        console.log(this.name);
    }
}
let user5 = new User('Han',40);
user5.sayName();	// 'Han'

 

반응형

'JavaScript > 중급' 카테고리의 다른 글

#4 심볼  (0) 2026.01.22
#3 객체 메소드, 계산된 프로퍼티  (0) 2026.01.22
#1 변수, 호이스팅, TDZ(Temporal Dead Zone)  (0) 2026.01.08
'JavaScript/중급' 카테고리의 다른 글
  • #4 심볼
  • #3 객체 메소드, 계산된 프로퍼티
  • #1 변수, 호이스팅, TDZ(Temporal Dead Zone)
y3onbug5
y3onbug5
y3onbug5 님의 블로그 입니다.
  • y3onbug5
    y3onbug5 님의 블로그
    y3onbug5
  • 전체
    오늘
    어제
    • 분류 전체보기 (167) N
      • Alpacahack (19) N
      • Dreamhack 워게임 (49)
        • Lv.1 (40)
        • Lv.0 (4)
        • LV.2 (3)
        • LV.3 (2)
      • [Dreamhack] Web Beginner (3)
      • [Dreamhack] Web Hacking (17)
        • 웹 기초 지식 (4)
        • Cookie & Session (2)
        • Cross-Site Scripting(XSS) (1)
        • Cross-Site Request Forgery (1)
        • SQL Injection (4)
        • NoSQL Injection (2)
        • Command Injection (1)
        • File Vulnerability (1)
        • Server-Side Request Forgery (1)
      • [Dreamhack] Web Hacking Client-Side (10)
        • XSS Filtering Bypass (2)
        • Content Security Policy (CSP) (2)
        • CSRF,CORS Bypass (2)
        • Client-Side Template Injection (CSTI) (1)
        • CSS Injection (1)
        • Relative Path Overwrite (RPO) (1)
        • DOM Vulnerability (1)
      • [Dreamhack] Web Hacking Server-Side (15)
        • SQL Injection Advanced (4)
        • SQL Injection Advanced - Fingerprinting (2)
        • NoSQL Injection Advanced (3)
        • Command Injection Advanced - Web Servers (3)
        • File Vulnerability Advanced - Web Server (3)
      • [Dreamhack]Black-Box Penetration Testing (15)
        • DreamCommunity Penetration Testing (11)
      • [Dreamhack] LLM (2)
        • [Dreamhack] LLM과 프롬프트 엔지니어링 (2)
      • Web 공부 (4)
      • Web Study (15)
      • JavaScript (17)
        • 기초 (12)
        • 중급 (4)
      • 웹 개발(Flask) (0)
      • [Security First] web 기초교육 (1) N
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    alpacahack
    cve
    xss
    JavaScript
    webstudy
    DreamHack
    web
    webhacking
    LLM
    CSRF
    드림핵
    JS
    hacking
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
y3onbug5
#2 생성자 함수
상단으로

티스토리툴바