폐쇄 + 화살표 기능 = 매우 짧음

5526 단어 beginnersjavascript
▼ 클로저를 모르신다면 제가 이미 작성해두었습니다




이 폐쇄 기능이 있습니다

function addCountFactory(num) {
    function addCount(value) {
        return num + value;
    }
    return addCount;
}

const addOne = addCountFactory(1);
const result = addOne(10);
console.log(result); // 11


화살표 기능으로 바꾸면 이렇습니다.

1




const addCountFactory = num => { // ⭐ here
    function addCount(value) {
        return num + value;
    }
    return addCount;
}


2



불필요한 반환 제거

const addCountFactory = num => {
    return function addCount(value) { // ⭐ here
        return num + value;
    }
    // ⭐ delete "return addCount"
}




함수 이름은 필요하지 않습니다

const addCountFactory = num => {
    return function(value) { // ⭐ here
        return num + value;
    }
}


4



{ } 블록만 삭제

const addCountFactory = num => function(value) {
        return num + value;
}


5



화살표 기능으로 변경

const addCountFactory = num => value => num + value;


처음 봤을 때 "wtf???"라고 반응하겠지만, 사실은 그냥 클로저일 뿐입니다. 기능 중의 기능

좋은 웹페이지 즐겨찾기