[JavaScript - 13] 객체를 만드는 생성자

2024. 3. 31. 23:16· 프로그래밍/JavaScript
목차
  1. 객체를 만드는 생성자
  2. 객체

객체를 만드는 생성자

객체

  • 자바스크립트 명령문으로 어떤 처리를 지시하고자 하는 대상

객체에 내릴 수 있는 명령

  • 객체 데이터
    • 객체가 가지고 있는 다양한 데이터를 사용할 수 있음(속성 사용)
  • 객체 기능()
    • 객체가 가지고 있는 다양한 기능을 수행할 수 있음(메서드 사용)
  • 개발자는 자신이 원하는 값이나 기능으로 구성된 객체를 직접 만들 수 있음

생성자

  • 객체를 생성할 때 사용하는 함수(생성자 함수)
  • 사용할 기능을 정희한 일반 함수와 생성자 함수 사이에는 특별한 문법적 차이가 존재 X
  • 생성자 함수는 객체생성을 목 전으로 만드는 것
  • 생성자 함수를 통해 자바스크립트가 제공하지 않는 유형의 데이터 창조 가능

 

this 키워드

  • 생성자 함수 정의 시 this 키워드는 객체 그 자신을 의미
  • this를 이용해 해당 객체의 속성이나 메서드 추가 가능
  • 관례적으로 생성자 함수명의 가장 첫 글자는 대문자로 함
  • 사용 예 
  • fuction Dog(){ this.name = 'name' this.breed = 'breed' }
  • 생성자 함수는 객체 생성을 정의하는 것일 뿐 실제 객체가 생성되기 위해서는 new 연산을 통해 객체를 반환해야 함
    fuction Dog(){
    	this.name = 'name'
    	this.breed = 'breed'
    	}
    	
    const myDog=new Dog();
    console.log(myDong.name)
    console.log(myDog.breed)
  • 생성자 함수도 매개변수를 받을 수 있음

 

'프로그래밍 > JavaScript' 카테고리의 다른 글

[JavaScript -15] 배열  (0) 2024.03.31
[JavaScript - 14] 빌트인 생성자와 타이머 메소드  (0) 2024.03.31
[JavaScript - 12] 이벤트 핸들링과 Value 속성  (0) 2024.03.31
[JavaScript - 11] 함수  (0) 2024.03.31
[JavaScript - 10] createElement, appendChild  (0) 2024.03.31
  1. 객체를 만드는 생성자
  2. 객체
'프로그래밍/JavaScript' 카테고리의 다른 글
  • [JavaScript -15] 배열
  • [JavaScript - 14] 빌트인 생성자와 타이머 메소드
  • [JavaScript - 12] 이벤트 핸들링과 Value 속성
  • [JavaScript - 11] 함수
나무늘보Programmer
나무늘보Programmer
게으른 개발자가 공부하고 성장하는 과정을 기록하는 블로그 입니다.
나무늘보Programmer
게으른 개발자의 개발일기
나무늘보Programmer
전체
오늘
어제
  • 분류 전체보기 (71)
    • 수학 (0)
      • 확률과 통계 (0)
    • Computer Science(CS) (8)
      • 혼자 공부하는 컴퓨터 구조 + 운영체제 (1)
      • Network (0)
    • 프로그래밍 (57)
      • Python (8)
      • Java (1)
      • C++ (0)
      • HTML (13)
      • CSS (13)
      • JavaScript (19)
      • DB (1)
      • Spring (1)
    • 머신러닝&딥러닝 (0)
      • Computer Science(CS) (0)
      • 인공지능 (0)
      • Paper Review (0)
    • BootCamp(OZ Coding School) (3)
    • TroubleShooting (1)
    • SandBox (0)
    • Project (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
나무늘보Programmer
[JavaScript - 13] 객체를 만드는 생성자
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.