반응형

여러분 자바스크립트에도 생성자가 있습니다 

 

객체를 함수처럼 호출 하는것이 바로 생성자 입니다

상세히 설명하자면 객체를 생성하는 함수 쯤으로 생각하면 될것같네요 

자바로 치면 클래스 라고 할수 있겠네요 

 

자바스크립트는 function 이지만 자바에선 아마 class 겠지요 ??

 

코드로 확인해 봅시다 

function Fruit (name){

	this.name = name;
    
    this.fruitName = function() {
    
    	console.log("이 과일 이름은 " + this.name);
    
    }

}

자바의 class 처럼 함수명 첫 글자를 대문자로 작성합니다

 

그리고 이 함수를 new 키워드를 통해서 생성 할 수 있죠 ㅎㅎ 자바의 클래스와 같이 저런 

프레임? 틀? 저는 자바 클래스를 프레임 이라고 인지 하고 있거든요 ㅎㅎ 인스턴스를 만들어내기

위한 틀 ㅎㅎ 

 

자바스크립트도 마찬가지라고 생각합니다 

 

저 생성자를 한번 생성 해봅시다 

 

var apple = new Fruit("apple");

var orange = new Fruit("orange");

var grape = new Fruit("grape");

apple.fruitName();  --> 이 과일 이름은 apple
orange.fruitName();  --> 이 과일 이름은 orange
grape.fruitName();  --> 이 과일 이름은 grape

 

이처럼 사용 가능 합니다 ㅎㅎ 

 

저 생성자 안에서 여러가지의 메소드를 생성하고 사용 할 수 있습니다 ㅎㅎ 틀을 정해놓고 

여러가지를 만든다는 개념이죠 

 

사람이라는 생성자를 만들어놓고 이름 성별 나이 등을 삽입하고 그안에 메소드를 통해 

사용 할 수 있는 것입니다 

 

오늘 내용의 핵심은 new 키워드를 이용해서 생성하며 첫문자는 대문자로 생성하며 

매개변수로 받는 데이터는 this 곧 생성자 자신을 뜻하니 이 부분만 알고 계시면 될것같네요 ㅎㅎ 

 

근데 이 내용을 알고 나면 프로토 타입을 이야기 안할 수가 없습니다 

 

굉장이 중요한 부분이라 다음 내용에 넣도록 하겠습니다 

반응형

'Developer > Javascript' 카테고리의 다른 글

[javascript]JSON  (0) 2022.07.07
[javascript] 다중팝업 포커스 (focus)  (1) 2022.07.04
[javascript]Document  (0) 2022.06.21
[javascript] 날짜를 표현하는 Date 객체  (0) 2022.06.16
[javascript]콜백  (0) 2022.06.15
복사했습니다!