본문 바로가기
JavaScript

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

by 스응 2023. 4. 17.
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() {
        코드;
    }
    ...
}
 
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

댓글