익명 함수는 함수에 이름이 없기 때문에 변수에 넣어서 사용하는 함수입니다. 변수에는 숫자, 문자도 들어갈 수 있지만 함수도 들어갈 수 있습니다.
let 변수 이름 = function(){
//실행코드
}
변수 이름(); //함수 호출
function func1(){
document.write("함수가 실행되었습니다1. <br>");
}
func1();
let func2 = function(){
document.write("함수가 실행되었습니다2. <br>");
}
func2();
//함수가 실행되었습니다1.
//함수가 실행되었습니다2.
let count = 0;
myFnc();
function myFnc(){
count++;
document.write("hello" + count, "<br>");
}
myFnc();
let theFnc = function(){
count++;
document.write("bye" + count,"<br>");
}
theFnc();
//hello1
//hello2
//bye3
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<script>
let color = ["white", "yellow", "aqua", "purple"];
//document.write(color[0]);
let i = 0;
function changeColor(){
i++
if(i >= color.length){
i=0; //i의 값이 4가 되지 않도록 0으로 초기화 작업해준다.(if문이 없으면 undefinde)
}
let bodyTag = document.getElementById("theBody");
bodyTag.style.backgroundColor = color[i];
console.log("i : " + i);
console.log("color[i]" + color[i]);
}
</script>
</head>
<body id="theBody">
<button onclick="changeColor();">배경색 바꾸기</button>
</body>
</html>