함수 호출 방식

익명함수 호출 방식

• funtion() 안에 이름이 없는 함수를 익명함수 라고 한다.
• 익명함수가 변수에 대입이 되면, 그 변수는 더 이상 변수가 아닌 함수로 취급된다.
• 또한 함수의 이름은 변수의 이름을 따라간다.
• 즉, 해당 script에는 해당 함수가 있는 것이다.

 

<script>

    let pageSubmitFn = function () {
        alert("익명함수 선언 참조방식");

    }

</script>

 

---

 

 

함수 호출 방식

 

• 말 그대로 함수 자체를 선언하는 방식

 

<script>

    function pageSubmitFn () {
        alert("함수형 방식");

    }

</script>

 

---

 

어떤것이 더 좋은 방식이냐?

 

익명함수선언 참조방식이 더 좋은 방식이다.

이유는 2가지

 

• 1. 브라우저에는 최상위 객체인 windowr객체가 있습니다.

이 window 객체는 함수형 방식으로 funtion을 적으면 이 함수를 계속 저장하기 때문에, 메모리를 계속 사용한다는 단점이 있다.

 

• 2. JavaScript 해석기 측면

JavaScript 해석기가 funtion 구문을 호출함수 위로 이동시켜 해석을 하는데, 이 과정을 호이스팅 이라고 하며 호이스팅이 발생하면 메모리를 사용하게 되므로 가급적 사용하지 않는게 좋다.

반면, 익명함수 참조방식은 funtion 구문을 작성하지 않았기 떄문에 호이스팅 자체가 발생하지 않는다.

---

https://elvis-note.tistory.com/entry/%ED%95%98%EC%9D%B4%EB%9D%BC%EC%9D%B4%ED%8A%B8-%EC%B2%98%EB%A6%AC-1-%ED%95%A8%EC%88%98%ED%98%B8%EC%B6%9C-%EB%B0%A9%EC%8B%9D%EC%9D%98-%EC%A2%85%EB%A5%98%EC%99%80-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9D%B4%EB%8F%99?category=770144 

8. 하이라이트 처리 - (1) 함수호출 방식의 종류와 페이지 이동