# 익명함수

### 익명함수

익명 함수는 함수에 이름이 없기 떄문에 변수에 넣어서 사용하는 함수입니다. 변수에는 숫자, 문자도 들어갈 수 있지만 함수도 들어갈 수 있습니다.&#x20;

> let 변수 이름 = function(){\
> &#x20;            //실행코드\
> }\
> 변수 이름()      //함수 호출&#x20;

### 샘플 1

```javascript
function func1(){
    document.write("함수가 실행되었습니다1.");
}
func1();

let func2 = function(){
    document.write("함수가 실행되었습니다2.");
}
func2();

// 함수가 실행되었습니다1.
// 함수가 실행되었습니다2.
```

### 샘플 2

```javascript
let func4 = 0;

    myFunc5();

    function myFunc5(){
        func4++;
        document.write("hello"+func4,"<br>");
    }

    myFunc5();

    let func6 = function(){
        func4++;
        document.write("bye"+func4,"<br>");
    }
    func6()
```

### 배경색 만들기

```markup
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        let color = ["white", "yellow", "aqua", "purple"];

        let i = 0;
        function changColor(){
            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]);
        }
    </script>
</head>
<body id="theBody">
    <button onclick="changColor();">배경색 바꾸기</button>
</body>
</html>
```
