1. Javascript

2.
객체생성패턴

3.
NHN
NEXT
김희재

4. 팩토리패턴

5.
장점

6.
• 비슷한

7. 객체

8. 생성시

9. 코드의

10. 중복문제

11. 해결

12.
단점

13.
• 객체의

14. 메서드가

15. 중복생성되어

16. 리소스를

17. 불필요하게

18. 차지

19.
• 객체

20. 인스턴스의

21. 타입을

22. 알

23. 수

24. 없음

27.
요즘

28. 잘

29. 안씀!

31. 생성자패턴

32.
장점

33.
• 객체

34. 인스턴스의

35. 타입을

36. 생성자이름으로

37. 식별가능

38.
단점

39.
• 객체

40. 인스턴스

41. 생성

42. 시

43. 마다

44. 메서드

45. 중복생성

46. 문제가

47. 여전히

48.
존재함

50.
생성자

51. 함수

52. 안에

53. this.

54. 로

55. 객체

56. 인스턴
스의

57. 프로퍼티와

58. 메서드를

59. 할당하고

61.
new

62. 연산자로

63. 객체

64. 인스턴스를

65. 생성

67. var
object
=
new
Object();
this
=
object;
new

68. 연산자로

69. 생성자(=함수)

70. 실행

71. 시

73.
1. 객체를

74. 하나

75. 만들어서

76. 생성자의

77. this가

78. 가리키도록

79. 한다.

80.
2. 생성자

81. 내부의

82. 코드가

83. 실행된다.

84.
3. 생성된

85. 객체를

86. 반환한다.

87.
그냥

88. 생성자(=함수)

89. 실행

90. 시

92.
1. 생성자

93. 내부의

94. 코드가

95. 실행된다.

97.
전역

98. 스코프에서

99. 실행

100. 시

102.
this는

103. 글로벌

104. 객체(브라우저에선

105. window객체)를

106. 가리킨다.

107.
return
object;

108. 세가지

109. 모두

110.
함수가

111. 실행될

112. 때

113. this

114. (

115. 실행

116. 컨텍스트

117. )

118. 가

119. 모두

120. 다르며

121. 효과도

122. 다릅니다.

124. 객체와

125. 함수의

126. 생성

127. 시

128. 차이

129.
참조타입(=

130. 객체)

131.
객체, 배열, 함수
원시타입

132.
모든 참조타입은 생성 시 __proto__
프로퍼티를 가지며
모든 함수는 생성 시 prototype
프로퍼티를 가진다.
__proto__

133. :

134. 해당

135. 인스턴스가

136. 상속받는

137. 객체를

138. 가리킴.

139. 가리키는

140. 객체의

141.
모든

142. 프로퍼티와

143. 메서드를

144. 접근하여

145. 사용가능

146.
prototype

147. :

149. ??

150.
숫자, 문자열,
boolean

151. 함수의

152. 생성

153. 특성

154.
함수를 하나 만들면 함수라는 객체만 생성되는것이 아니라 동시에
함수의 prototype 프로퍼티가 가리키는 빈 객체도 함께 생성된다.
prototype
함수
constructor
객체
함수의 프로토타입 객체

155. 인스턴스의

156. 생성

157.
이 함수를 new
연산자를 이용하여 실행해서 만든 인스턴스 객체는
함수의 prototype 프로퍼티가 가리키는 객체를 __proto__가 가리키는 채로 생성된다.
prototype
함수 (생성자)
constructor
객체
__proto__
인스턴스 객체
new

158. 함수()

159. 가

160. 반환

162. 프로토타입

163. 체인

164.
객체의 인스턴스의 프로퍼티나 메서드에 식별자 문자열로 접근 할 때,
인스턴스 객체 스스로가 가지고 있는지 둘러보고 없으면
인스턴스객체의 __proto__ 가 가리키는 객체에서 찾아본다.
prototype
함수1

165. (생성자)

166.
Constructor
__proto__
함수1의 prototype객체
__proto__
인스턴스 객체
new

167. 함수1()

168. 가

169. 반환한

170.
prototype
함수2

171. (생성자)

172.
Constructor
__proto__
함수2의 prototype객체
instance.getName()

173. 처럼

174.
Object.prototype

175. 프로토타입패턴

177.
장점

178.
• 메서드

179. 중복문제

180. 해결

181.
단점

182.
• 프로토타입의

183. 프로퍼티중

184. 객체는

185. 인스턴스객체에

186. 참조로

187. 상
속이

188. 되므로

189. 인스턴스끼리

190. 프로퍼티가

191. 공유되는

192. 문제가

193. 발
생!

194. 클래스의

195. 스태틱

196. 멤버

197. 처럼

198. ㅠ

199.
객체

200. 리터럴을

201. 사용하면

203.
새로운

204. 객체로

205. 덮어씌우게

206. 되므로

207. 주의!

208.
프로토타입

209. 체인의

210. 탐색은

211. 런타임

212. 시

213. 이루어지므로

214. 인
스턴스가

215. 참조하고

216. 있는

217. 프로토타입의

218. 프로퍼티나

219. 메
서드가

220. 변경되면

221. 즉시

222. 인스턴스에

223. 반영되므로

224. 주의

225.
같은

226. 타입의

227. 인스턴스라도

228. 생성된

229. 타이밍에

230. 따라

231.
__proto__가

232. 가리키는

233. 프로토타입객체가

234. 다를

235. 수

236. 있다!

237.
네이티브

238. 참조타입(String,

239. Array,

240. Number

241. ..)의

242. prototype

244.
수정은(특히

245. 오버라이딩은)

246. 하지말자

248. 생성자패턴+프로토타입패턴

250.
장점

251.
• 인스턴스의

252. 프로퍼티

253. 공유되는

254.
문제

255. 해결

256.
단점

257.
• 프로토타입의

258. 생성자와

259. 프로토
타입의

260. 블록이

261. 분리되어있어서

262.
헷갈려요.

263. 자바의

264. 클래스와는

265. 달
라서

266. ㅠ

267.
커스텀

268. 참조타입

269. 정의

270. 시

271. 가장

272. 널리

273. 쓰이는

274. 패턴

276. 동적프로토타입패턴

278.
처음

279. 인스턴스를

280. 생성할

281. 때

282. 생성자

283. 자신의

285.
프로토

286. 타입을

287. 확인하고

288. 원하는

289. 함수가

290. 없다면

291. 설정

293.
두번째로

294. 인스턴스를

295. 생성할

296. 때

297. 부터는

298. 프로토타입
에

299. 메서드

300. 할당

301. 부분이

302. 실행되지

303. 않는다

305.
하지만

306. if의

307. 조건문

308. 은

309. 매번

311.
실행해야한다는

312. 비효율은

313. 존재

315.
어떻게

316. 해결할까?

317.
장점

318.
• 자바의

319. 클래스처럼

320. 커스텀

321. 참조타입

322. 선언을

323. 생성자

324. 함수

325. 한덩어리로

326.
끝낼

327. 수

328. 있다.

330.
단점

331.
• 프로토타입방식에

332. 익숙하면

333. 궂이

334. 이렇게

335. 할

336. 이유가

337. 전혀

338. 없다.

340. 생성자

341. 함수를

343.
사용하지

344. 않는

345. 객체

346. 생성

347. 패턴

348.
When?

349. 앞서의

350. 패턴이

351. 실패할때나

352. 꼭

353. 필요한

354. 이유가

355. 있을

356. 경우

357. 사용.

359. 기생생성자

360. 패턴

362.
장점

363.
• New

364. 연산자가

365. 하는부분을

366. 오버라이딩해서

367. 특정객체를

368. 상속받는

369. 커스텀객체를

370.
만들수

371. 있는

372. 팩토리함수가

373. 가능하다.

374.
단점

375.
• 기본적으로

376. 팩토리패턴이므로

377. Instanceof

378. 연산자로

379. 타입을

380. 알

381. 수

382. 없음.

384.
New 로 생성자 실행한다는 점 빼고는 팩토리패턴과 동일
New로 생성자 실행 시 자동 수행되는 객체 생성,
객체 반환 부분을 오버라이딩한다.

385. 기생생성자

386. 패턴

388.
Object

389. 가

390. 아닌

392.
네이티브

393. 참조객체인

394. Array

396.
의

397. 프로퍼티와

398. 메서드를

399. 상속받고

400.
커스텀

401. 함수를

402. 추가한

403.
인스턴스

404. 객체를

405. 만들어내는

407.
팩토리함수를

408. 만들

409. 수

410. 있다.

412. 방탄

413. 생성자

414. 패턴

416.
장점

417.
• New

418. 객체

419. 인스턴스가

420. 가진

421. 데이터에

422. 직접접근

423. 불가능

424.
단점

425.
• 생성자함수와

426. 객체인스턴스의

427. 연결이

428. 존재하지

429. 않으므로

430. Instanceof

431. 연산자로

432.
타입을

433. 알

434. 수

435. 없음.

437.
객체를 생성할 때 넘겨준
초기화 파라메터의 값을 생성자 실행 시 만들어진
클로저에만 존재하도록 하여
이 값이 위치하는 곳에 접근이 불가능하도록 한다

438. 끝

440.
수고하셨습니다

442.
이제

443. 자바스크립트

444. 상속패턴을

445. 익히실

446. 준비가

447. 되셨습니다.

449.
다음

450. 시간에

451. 자바스크립트

452. 상속패턴

453. 으로

454. 다시만나요

456.
제발~