[JavaScript] 객체 생성자 함수 (사용자 정의 객체)

2023. 4. 17. 01:03·JavaScript
728x90
728x90

객체 생성자 함수

  - 객체를 생성할 때 사용하는 함수

  - 함수 내에 this 키워드가 사용되면 객체 생성자 함수로 취급됨

  - Java에는 없는 개념 (클래스와 유사)

  - 네이밍 컨벤션 : 객체 생성자 함수의 앞글자를 대문자로 표기함

 

#  함수 정의

1
2
3
4
5
6
7
8
9
10
11
12
13
function 객체생성자함수명(매개변수1, 매개변수2, ...) {
    // 객체의 속성 선언
    this.속성명a = 속성값;  // 해당 속성에 속성값 대입
    this.속성명b;  // 속성 생성
    ...
 
    // 객체의 메서드 구현
    this.메서드명a = function() {
        코드;
    }
    ...
}
 
Colored by Color Scripter
cs

 

#  객체 생성

1
let 참조변수 = new 객체생성자함수명(매개변수);
cs

 

 


#  모던 자바스크립트 객체 프로토타입

1
2
3
4
5
6
7
8
class Student {
    constructor(name) {
        this.name = name;
    }
    sayHi() {
        alert(this.name);
    }
}
cs

 

320x100
반응형
저작자표시 비영리 변경금지 (새창열림)

'JavaScript' 카테고리의 다른 글

[JavaScript] 이벤트  (0) 2023.05.08
[JavaScript] 내장 함수  (0) 2023.04.17
[JavaScript] 함수  (0) 2023.04.17
[JavaScript] BOM : history 객체  (0) 2023.04.17
[JavaScript] BOM : location 객체  (0) 2023.04.17
'JavaScript' 카테고리의 다른 글
  • [JavaScript] 이벤트
  • [JavaScript] 내장 함수
  • [JavaScript] 함수
  • [JavaScript] BOM : history 객체
스응
스응
    반응형
    250x250
  • 스응
    이서영의 개발 블로그
    스응
  • 전체
    오늘
    어제
  • 글쓰기 관리
    • 분류 전체보기 (385)
      • Java (134)
        • Base (54)
        • Spring Boot (37)
        • JSP (16)
        • Swing (GUI) (20)
        • Design Pattern (7)
      • C# (13)
      • PHP (18)
      • SQL (27)
      • Vue.js (9)
      • Tailwind CSS (4)
      • TypeScript (7)
      • HTML & CSS (27)
      • JavaScript (26)
      • jQuery (10)
      • Android (3)
      • - - - - - - - - - - - - - - (0)
      • Hotkeys (5)
      • CS (30)
      • IT Notes (13)
      • Error Notes (17)
      • Team Project (24)
        • Airlines Web Project (12)
        • University Web Project (6)
        • Strikers 1945 GUI Project (6)
      • My Project (18)
        • Library Web Project (8)
        • Pet Shopping Mall GUI Project (10)
      • etc. (0)
  • 블로그 메뉴

    • Home
    • Write
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    HTML
    Swing
    typeScript
    오블완
    js
    zapier
    jsp
    SQL
    Android
    errorNote
    http
    vuejs
    면접
    Codeigniter
    SWAGGER
    개발일지
    C#
    티스토리챌린지
    SEO
    Wordpress
    php
    SpringBoot
    tailwindcss
    cs
    java
    jQuery
    git
    CSS
    Hotkeys
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
스응
[JavaScript] 객체 생성자 함수 (사용자 정의 객체)
상단으로

티스토리툴바