-
[Java Script] Constructor function(생성자 함수) 알아보기Java Script 2023. 3. 16. 16:21
자바스크립트에서 생성자 함수를 사용하면
비슷하게 생긴 객체를 쉽게 만들어줄 수 있습니다.
| 사용
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' 카테고리의 다른 글
[Java Script] 원시타입(Primitive Type) 과 참조타입(Reference Type) 알아보기 (0) 2023.03.22 [Java Script] slice() 메서드 사용하기 (0) 2023.03.21 [Java Script] ?. 와 ?? 연산자 알아보기 (0) 2023.03.15 [Java Script] Spread Operator, Rest 파라미터 알아보기 (0) 2023.03.13 [Java Script] shift(), unshift(), pop(), push() 알아보기 (0) 2023.03.09