Recent Posts
Recent Comments
Link
Today
Total
02-08 20:18
관리 메뉴

채린씨의 티스토리

23. 콜백 함수 본문

자료구조, 알고리즘/JavaScript 기초 문법

23. 콜백 함수

채린씨 2022. 3. 6. 14:40

* 콜백 함수

- 콜백 함수(Callback Function): 다른 함수의 매개변수로 전달되어 수행되는 함수

- 고차 함수(Higher-order Function) : 매개변수를 통해 콜백 함수를 받아 호출하는 함수

 

- 아니 근데 이게 왜 필요한데요.. 그냥 이렇게 하는 거랑 똑같은 결과 아녀..?

 

- 콜백 함수 예제

 

- ..? ㄴㅇㄱ 이게 왜 필요하냐구요.. 이렇게 하면 되는 거 아냐..?

 

- 설마.. 이렇게 할 수 있어서..? 비슷한 함수를 배열에 때려 박고 for문으로 돌리려고..?

 

* 콜백 함수의 필요성

- 참고: https://sangminem.tistory.com/275

 

자바스크립트 콜백 함수 예제를 통해 개념 및 원리 쉽게 이해하기

자바스크립트를 배운 지 얼마 안 되신 분이라면 콜백 함수를 많이 헷갈려 하실 수 있는데요. 차근차근 설명을 해 보도록 하겠습니다. 목차 동기와 비동기 의미 동기는 하나의 요청이 오면 완료

sangminem.tistory.com

 

- 콜백 함수를 사용하지 않고 아래와 같이 코드를 작성할 경우, 우리는 1 다음에 2가 출력되기를 원하지만, 실행이 먼저 끝난 second()의 결과인 2가 출력된 후 1이 출력된다.

 

- 하지만 콜백 함수를 이용해 함수의 실행 순서를 조정해줄 수 있다.

 

* call by value

- 값에 대한 복사

- 함수 내에서 매개변수 값을 변경시켜도 원본 데이터는 영향 받지 않음

- 원시 타입(primitive type)을 매개변수로 넘겼을 때 발생

 

* call by reference

- 주소에 대한 복사

- 함수 내에서 매개변수 값을 변경시키면 원본 데이터도 영향 받음

- 객체 타입(object type)을 매개변수로 넘겼을 때 발생

- 왜 이런일이 발생하는가? 객체에는 값이 아니라 개체들이 저장되어있는 "메모리 주소"가 저장되기 때문. 기억이 안난다면..? https://cherish-my-codes.tistory.com/entry/8-%EA%B0%9D%EC%B2%B4%ED%83%80%EC%9E%85

 

8. 객체타입

* 객체(object) - 다수의 원시 자료형을 포함하거나 복잡한 개체(entity)를 표현할 수 있는 자료형 - Object() 혹은 중괄호({})를 이용해 생성 - 객체(object)의 개체(entity)는 key: value 형태로 존재하며, obj..

cherish-my-codes.tistory.com

 

- 나 나중에 '귀여운 그림으로 쉽게 이해하는 JavaScript' 같은거 쓰면 잘할 것 같은데 말이야 ㅎ.ㅎ

 

 

'자료구조, 알고리즘 > JavaScript 기초 문법' 카테고리의 다른 글

25. method(!)  (2) 2022.03.06
24. 연습문제  (0) 2022.03.06
22. 재귀 함수  (0) 2022.03.05
21. 함수  (0) 2022.03.05
20. 반복문 연습문제  (0) 2022.03.05
Comments