익명 함수는 변수에 함수를 설정하는 방법입니다.
익명 함수는 함수에 이름이 없기 때문에 변수에 넣어서 사용하는 함수입니다. 변수에는 숫자, 문자도 들어갈 수 있지만 함수도 들어갈 수 있습니다.
let 변수 이름 = function(){ //실행코드 };
변수 이름(); //함수 호출
function func1(){
document.write("선언적함수");
};
func1();
document.write("<br>")
let func2 = function(){
document.write("익명함수");
};
func2();
//선언적함수
//익명함수함수 호출문이 먼저 나와도 호이스팅 방식이 적용되어 정상적으로 호출됨.
Last updated
Was this helpful?
Was this helpful?
let count = 0;
myFnc();//함수 호출이 먼저 나와도 됨
function myFnc(){
count++;
document.write("hello"+count,"<br>");
};
let theFnc = function(){
count++;
document.write("bye"+count,"<br>");
}
theFnc();
//hello1
//bye2<!DOCTYPE = html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>함수</title>
<script>
let color = ["red","yellow","blue","green"]
let i = 0;
function changeColor(){
i++;
if(i >= color.length){
i = 0;
};
let bodyTag = document.getElementById("theBody");
bodyTag.style.backgroundColor = color[i];
console.log("i :"+i);
console.log("color[i] :"+color[i]);
};
changeColor();
</script>
</head>
<body id="theBody">
<button onclick="changeColor();">배경색 바꾸기</button>
</body>
</html>