inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인터랙티브 웹 개발 제대로 시작하기

객체 4

질문있습니다.

219

Youngmin Wi

작성한 질문수 7

0

안녕하세요 선생님. 객체 강의까지 잘 들었습니다. 감사합니다.

질문이 있습니다.

일단, 강의에서는 Class 에 대해서는 언급만 잠깐 하고 넘어가서
개인적으로 prototype 때문에
1. 생성자함수안에 멤버함수를 정의했을때
2. 생성자함수안에 멤버변수만 정의하고, 멤버함수는 prototype 에 따로 정의했을 경우
3. Class 를 정의했을 경우를 비교해봤습니다.

[1. 생성자함수에 전부 정의했을 경우]

[2. 생성자함수만 정의하고, prototype을 통해 introduce Func 을 등록하고 객체를 생성한 경우 ]

[3. Class 에 introduce Func 정의만 해서 객체를 생성한 경우 ]

이와 같이 결과가 나왔다는 것은
클래스에서는 따로 prototype 에 공유할 Func 을 정의하지 않아도
Class 를 정의하는 과정에서 이미 그 과정을 진행한거라고 생각하는 게 맞을까요 ??

============================

추가질문으로는 Card 예제에서, Card 생성자함수 정의에서의 

Card 생성자함수에 this.init( ) 이 조금 헷갈립니다.

Card 생성자함수를 "호출"하는 시점은 결국 마지막에 있는 new 연산을 만났을 때 이뤄나기 때문에

그 시점에서는 Card 생성자함수 내부에 this.init( ) 에서 init 프로퍼티에 대한 존재는 이미 알고 있기 때문에 정상적으로 호출되는 것이라고 이해해도 될까요 ??

javascript 인터랙티브-웹 HTML/CSS

답변 1

0

1분코딩

1. 네 맞습니다. class 문법의 메소드로 정의하면, 내부적으로는 prototype 메소드로 만들어집니다. 이런 식으로 기존 동작과 같지만 편의상 추가된 문법을 Syntatic Sugar라고도 부른다네요!

2. 네 맞습니다. 미리 생성자(또는 클래스)를 세팅해두고, 필요한 시점에 인스턴스를 생성하면서 생성자 함수가 호출된다고 생각하시면 되는거죠~

왼쪽/오른쪽 동작시 딜레이 문제

0

109

1

변수 범위 관련 질문

0

120

1

perspective 문의

0

113

1

생성자 함수를 클래스 함수로 변경 하고 this 오류 관련

0

165

1

스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제

0

131

1

animation이벤트 질문이요!

0

80

1

resize handler에서 질문이 있습니다.

0

120

1

카드 뒤집힐 때 F가 보인 이유

0

158

1

3d 뒤집기 추가효과

0

225

1

전진! 3D 스크롤 21 강의 질문

1

179

1

eventlistener 질문

0

159

1

zMove 를 1000으로 설정하는 이유에 대하여.

0

178

1

[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!

1

203

1

동적으로 html 생성 후 이벤트 위임 질문 있습니다.

0

279

1

rotateY()에서 deg에 따른 차이

0

205

1

코드 작성 순서

0

284

1

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

1

401

1

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

0

284

2

섹션5 자바스크립트 이벤트 다루기 질문

1

263

1

[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!

0

432

2

css 는 직접 작성을 해야하는걸까용?

0

331

1

translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?

0

365

2

house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.

0

312

2

left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.

0

313

2