post thumbnail

[Java Script] Constructor function(생성자 함수) 알아보기

JavaScript

2023.3.16

자바스크립트에서 생성자 함수를 사용하면 

비슷하게 생긴 객체를 쉽게 만들어줄 수 있습니다.


| 사용


1. 생성


생성자 함수는 일반 함수를 만드는 것 같이 만들면 되는데

this키워드를 사용하여 새로 생성할 객체의 값을 디자인하면 됩니다.


function Person(name, age){
    this.name = name;
    this.age = age;
    this.sayHi = function(){
    	console.log(`저의 이름은 ${name} 입니다`)
    }
}


또한 생성자 함수의 이름의 첫 시작은 보통 대문자로 합니다.


2. 객체 만들기


작성한 생성자 함수로 객체를 만들려면 

new키워드를 사용하면 됩니다.


let 나 = new Person('Lee', '25');
let 너 = new Person('Kim', '29');


console.log(나.name); // 'Lee'
console.log(나.sayHi()); // '저의 이름은 Lee 입니다'


console.log(너.name); // 'Kim'
console.log(너.sayHi()); // '저의 이름은 Kim 입니다'


이런 식으로 생성자로 만들어진 객체를 인스턴스라고 부릅니다.









[Java Script] Constructor function(생성자 함수) 알아보기