폐쇄 + 화살표 기능 = 매우 짧음
5526 단어 beginnersjavascript
😇 "Javascript Closure" 이 글을 읽고 나면 마침내 그것이 무엇인지 알 수 있을 것 같습니다.
Kaziu ・ 5월 18일 ・ 2분 읽기
#javascript
#beginners
#frontend
#programming
이 폐쇄 기능이 있습니다
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???"라고 반응하겠지만, 사실은 그냥 클로저일 뿐입니다. 기능 중의 기능
Reference
이 문제에 관하여(폐쇄 + 화살표 기능 = 매우 짧음), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/kaziusan/closure-arrow-function-extremely-short-2dhf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)