JavaScript function 탐구 - 이름없는 함수 / 함수 표현식

FGPRJS·2021년 10월 21일
0
post-custom-banner

이름이 없는 함수 무명함수 / 함수 표현식화살표 함수 에 대하여 탐구한다.


  • JavaScript에서 함수를 사용하는 방법 중 이름없는 함수 무명함수 / 함수 표현식 방법이 있다.
    다음과 같이 사용한다.
const helloworld = function(){
    console.log("hello world!");
}

helloworld();
  • 다음과 같이 함수를 참조하는 변수로 동일한 함수를 참조할 수 있다.
const helloworld = function(){
    console.log("hello world!");
}

const Something = {
    say_helloworld : helloworld
}

helloworld();
Something.say_helloworld();
  • 콜백 함수로서 직접 사용할 수 있다.
//map 함수는 collections의 각 member를 대상으로 함수를 수행한다.
console.log([1,2,3,4,5].map(
    function(value){
        return 2 * value;
    }
)); // [2,4,6,8,10]

/* reduce 함수는 collections들의 지정한 index부터 (없으면 0)
 * 지정한 초기값으로부터(없으면 0) 해당 함수를 수행하고 
 * 그 결과를 다음 수행에 반영한다.
 * 그 후 최종 값을 반환한다.
 */
console.log([1,2,3,4,5].reduce(
    function(bfval, curval){
        return bfval + curval;
    }
)); // 15
  • 다음과 같은 IIFE 방식으로 즉시 실행시킬 수 있다.
(function(){
    console.log("hello world!");
})();
profile
FGPRJS
post-custom-banner

0개의 댓글