λ°μν
π€μ½λ°±ν¨μ(Callback Function) : ν¨μμ λ§€κ°λ³μλ‘ ν¨μλ₯Ό μ λ¬λ°μ μ μ₯νμ¬ ν¨μ λ΄λΆμμ λ§€κ°λ³μλ₯Ό μ¬μ©ν΄ νΈμΆλλ ν¨μ
μ€μ΅μ½λπ©π»
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
<script type="text/javascript">
//1-μ μΈν¨μ)
//ν¨μλͺ
μ μμ±νμ¬ μ μΈν¨μ μ μΈ
function display1() {
alert("display1 ν¨μμ λͺ
λ Ή μ€ν");
}
//ν¨μλͺ
μ ν¨μλ₯Ό ꡬλΆνκΈ° μν μλ³μλ‘ λ΄λΆμ μΌλ‘ ν¨μλ³μμ²λΌ μ μΈν¨μλ₯Ό μ μ₯
alert(display1);//ν¨μλͺ
μΆλ ₯ - μ μΈν¨μ μΆλ ₯
display1();//ν¨μλͺ
μΌλ‘ μ μΈν¨μ νΈμΆ
//2-μ΅λͺ
ν¨μ)
//ν¨μλͺ
μ μμ±νμ§ μμ μ΅λͺ
ν¨μλ₯Ό μ μΈνμ¬ λ³μμ μ μ₯
var display2=function() {
alert("display2 ν¨μμ λͺ
λ Ή μ€ν");
}
//alert(display2);//λ³μλͺ
μΆλ ₯ - μ΅λͺ
ν¨μ μΆλ ₯
//display2();//λ³μλͺ
μΌλ‘ μ΅λͺ
ν¨μ νΈμΆ
//3-μ½λ°±ν¨μ)
function display(callback) {
callback();//λ§€κ°λ³μμ μ μ₯λ ν¨μ νΈμΆ - μ½λ°±ν¨μ
}
//μμ 1)
//1&2λ² ν¨μλ₯Ό 3λ² μ½λ°±ν¨μμ λ§€κ°λ³μλ‘ μ μ₯ν΄ ν¨μ νΈμΆ
//display(display1);//ν¨μ νΈμΆμ λ§€κ°λ³μμ ν¨μλͺ
μΌλ‘ μ μΈν¨μλ₯Ό μ λ¬
//display(display2);//ν¨μ νΈμΆμ λ§€κ°λ³μμ ν¨μλ³μλ‘ μ΅λͺ
ν¨μλ₯Ό μ λ¬
//μμ 2)
//ν¨μ νΈμΆμ μ΅λͺ
ν¨μλ₯Ό μ μΈνμ¬ λ§€κ°λ³μμ μ λ¬νμ¬ ν¨μ λ΄λΆμμ νΈμΆ κ°λ₯
display(function() {
alert("μ΅λͺ
ν¨μμ λͺ
λ Ή μ€ν");
});
//μμ 3)
//ν¨μ νΈμΆμ λ§€κ°λ³μμ νμ΄νν¨μλ₯Ό μ μΈνμ¬ μ λ¬νμ¬ ν¨μ λ΄λΆμμ νΈμΆ κ°λ₯
//display(() => alert("μ΅λͺ
ν¨μμ λͺ
λ Ή μ€ν"));
</script>
</body>
</html>
λ°μν