웹페이지

JAVASCRIPT STEP 33 - Constructor

2023. 4. 26. 10:29
728x90

★ 생성자, Constructor

  • 멤버 초기화
  • 같은 구조(*)의 객체를 생성하는 것이 목표
  • 생성자 함수의 이름은 대문자로 시작한다.(관습) > 일반 함수와 구분하기 위해서
function User(name, age) {
    this.name = name;
    this.age = age;
    this.hello = function() {
        console.log('내 이름은 ' + this.name);
    }
}
  • 호출 방법
//생성자 함수를 일반 함수처럼 호출하지 않는다!!
// User('홍길동', 20);

const m3 = new User('홍길동', 20);
console.log(m3);

const m5 = new User('이순신', 25);
console.log(m5);
  • 전역 변수와 전역 함수는 무조건 Window 객체의 프로퍼티가 된다.
const now = new Date();
const list = []; //new Array();

console.log(typeof m5, m5.constructor.name); //object User
console.log(typeof now, now.constructor.name); //Object Date
console.log(typeof list, list.constructor.name);  //object Array
728x90
저작자표시 비영리 변경금지 (새창열림)

'웹페이지' 카테고리의 다른 글

JAVASCRIPT STEP 35 - Content  (0) 2023.04.26
JAVASCRIPT STEP 34 - DOM  (0) 2023.04.26
JAVASCRIPT STEP 32 - Function  (0) 2023.04.26
JAVASCRIPT STEP 31 - Timer 예제2  (0) 2023.04.25
JAVASCRIPT STEP 30 - Timer 예제  (0) 2023.04.25
'웹페이지' 카테고리의 다른 글
  • JAVASCRIPT STEP 35 - Content
  • JAVASCRIPT STEP 34 - DOM
  • JAVASCRIPT STEP 32 - Function
  • JAVASCRIPT STEP 31 - Timer 예제2
IT의 큰손
IT의 큰손
IT계의 큰손이 되고 싶은 개린이의 Log 일지
Developer Story HouseIT계의 큰손이 되고 싶은 개린이의 Log 일지
IT의 큰손
Developer Story House
IT의 큰손
전체
오늘
어제
  • 분류 전체보기 (457)
    • 정보처리기사 필기 (18)
    • 정보처리기사 실기 (12)
    • 정보처리기사 통합 QUIZ (12)
    • 빅데이터 (11)
    • 안드로이드 (11)
    • 웹페이지 (108)
    • 자바 (49)
    • SQLD (3)
    • 백준 알고리즘 (76)
    • 데이터베이스 (41)
    • 깃허브 (2)
    • Library (14)
    • Server (31)
    • 크롤링&스크래핑 (3)
    • Spring (23)
    • Vue.js (13)
    • React (27)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • Developer Stroy House

인기 글

태그

  • JavaScript
  • jquery
  • IT자격증
  • 개발자
  • 정보처리기사
  • 앱개발자
  • 알고리즘
  • html
  • 데이터베이스
  • css
  • 개발블로그
  • 웹개발자
  • 백준
  • jsp
  • DB
  • 코딩테스트
  • React
  • 정보보안전문가
  • 웹페이지
  • 웹개발
  • 자바
  • 백엔드
  • DBA
  • ajax
  • IT자격증공부
  • 프론트엔드
  • 정보처리기사필기
  • IT개발자
  • it
  • java

최근 댓글

최근 글

Designed By hELLO
IT의 큰손
JAVASCRIPT STEP 33 - Constructor
상단으로

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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