코딩앙마 자바스크립트 중급 강의 2. 생성자 함수

코딩앙마 자바스크립트 중급 강의 2. 생성자 함수

객체 리터럴

let user = { name : 'Mike', age : 30, }

비슷한 객체를 여러개 만들어야 할 때가 생김

(예 : 유저, 상품)

생성자 함수를 쓰면 편리함

함수 첫글자를 대문자로

생성자 함수를 사용할 때는 잊지말고 new를 붙여야함

function User(name, age){ // 함수 첫글자는 대문자로 this.name = name; this.age = age; } let user1 = new User('Mike', 30); // new 연산자를 사용해서 호출 let user2 = new User('Jane', 24); let user3 = new User('Tom', 17);

이렇게 객체를 만들면 일일이 객체를 만드는 것보다 훨씬 빠르고 일관성 있게 만들 수 있음

function User(name, age){ // this = {} 빈 객체생성 this.name = name; this.age = age; // return this; 객체 return // 이 코드들은 실제로는 없지만 생성자 함수가 이렇게 동작하는 것과 같음 } new 함수명(); // 사용할 때 new를 붙여주기

함수 실행시 new를 붙이지 않으면 그냥 함수가 실행되어서 return 되는 값이 없기 때문에 undefined이 나옴

from http://2021bong.tistory.com/139 by ccl(A) rewrite - 2021-12-22 23:27:32