이챙의 개발 log
javascript 생성자(constructor)와 new
﹒2020. 2. 20.
객체를 생성하는 함수를 생성자 함수라고 한다.
자바스크립트에서 생성자는 new 연산자와 함께 사용된다.
바로 함수옆에 new를 붙여주는 것이다.
자세한건 예제를 통해 알아보자
생성자함수를 만들때에는 함수의 첫문자는 대문자부터 시작해야한다.
왜냐하면 일반함수인지 생성자함수인지 구분하기 위해서이다
이것은 규칙이라고 하니 규칙을 지키자!
function Fruits(name){ this.name = name; this.intro = function(){ console.log(this.name + '는(은) 과일중에 제일 맛있어'); } }
함수에 name이라는 매개변수를 넣어놨다.
그렇다면 여기서 this가 가르키는 것은 무엇일까
다음 예제를 통해 알아보자
function Fruits(name){ this.name = name; this.intro = function(){ console.log(this.name + '는(은) 과일중에 제일 맛있어'); } } var f1 = new Fruits('사과'); var f2 = new Fruits('포도'); f1.intro(); f2.intro();
new 연산자를 통해 함수를 호출하면
비어있는 새로운 객체를 만들고 만들어진 이 객체는 this 키워드의 값으로 전달한다
this는 우리가 만든 생성자 함수를 가르키게 되는 것이다.
불러오는 빈 객체를 생성자 함수에 넣는 것을 통해 객체를 새롭게 셋팅해주면
코드의 재사용성이 높아지겠쥬 ? ?
'javascript' 카테고리의 다른 글
javascript 객체의 this 넌 무엇이냐,, (0) | 2020.07.13 |
---|---|
javascript 호출스택 call stack (0) | 2020.04.17 |
javascript 배열에서 중복없이 랜덤으로 값 추출하기 (0) | 2020.04.02 |
javascript 배열 메소드 filter 함수 (0) | 2020.03.18 |
javascript 전역객체 (global object) (0) | 2020.02.18 |
이챙(leechaeng)
프론트엔드 개발도 하고 뛰기도 하고