콜백함수의 또다른 예제 입니다.
하나의 함수가 환영인사와 마지막 인사를 모두 수행합니다.
ex03.html 파일을 다음과 같이 만듭니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>자바스크립트 콜백 함수 란?</title> <script> function say_hello(name) { document.write(`"${name}"님 안녕하세요. 반갑습니다.<br>`); } function say_study(name) { document.write(`"${name}"님은 열심히 공부합니다. 가나다라~~~ <br>`); } function say_work(name) { document.write(`"${name}"님은 열심히 일을합니다. 으쌰으쌰~~~ <br>`); } function say_bye(name) { document.write(`"${name}"님 반가웠습니다. 수고하세요!!!!<br>`); } function greeting(name, callback) { callback(name); // 함수 호출!!! } greeting('한사람', say_hello); greeting('한사람', say_study); greeting('한사람', say_work); greeting('한사람', say_bye); </script> </head> <body> </body> </html> | cs |
실행 결과 입니다.
'Front End > Javascript' 카테고리의 다른 글
| [JavaScript] 콜백(Callback) 함수 5(this 문제점) (1) | 2024.10.24 |
|---|---|
| [JavaScript] 콜백(Callback) 함수 4(활용 사례) (1) | 2024.10.24 |
| [JavaScript] 콜백(Callback) 함수 2(계산기) (0) | 2024.10.24 |
| [JavaScript] 콜백(Callback) 함수 1 (0) | 2024.10.24 |
| [JavaScript] 맵(Map) to string, string to Map (0) | 2024.10.23 |
