Arro-함수의 자기도 모르게 짜맞추는 기법

개시하다


사내 SE에서 자바스크립트를 주로 사용하는 웹 업체로 이직한 지 한 달이 됐다.
회사에서 쓰는 건 아니지만 리액션을 배우는 데 JavaScript(ES6)의 기법을 모른다면
머리가 엉망진창이 된 것 같아서 기사를 좀 정리하고 싶어요.

의미 불명의 기법


이거야.
합금 함수
"그런 것도 모르면 그만두라"는 소리를 들을 수 있는데...
기본적인 건 알지만 조금 복잡하면
「???????????」
그렇습니다.

화살 함수


기본적으로 매우 간단하다.
const addFunc = function(a, b) {
    return a + b;
}

const result = addFunc(1, 2);
console.log(result);
상술한 것은 지금까지의 기법이다.
ES6의 경우 ARO 함수를 사용할 수 있습니다.
const addFunc = (a, b) => {
    return a + b;
}

const result = addFunc(1, 2);
console.log(result);
리턴을 쓰느라 귀찮으신 분들.
const addFunc = (a, b) => (
    a + b
)

const result = addFunc(1, 2);
console.log(result);
반환 값이 객체인 경우 선택
const addFunc = (a, b) => ({
    result: a + b
})

const result = addFunc(1, 2);
console.log(result);
여기까지는 간단해.
다음.
const addFunc = a => b => {
    return a + b
}
연필
두 개의 화살표가 있음
연필
[댓글로!]
이것은 Arroy 함수가 정의한 고급 함수입니다.
const addFunc = a => b => {
    return a + b
}

const addTest = addFunc(1);

const result = addTest(2)
console.log(result);
이것은 매개 변수 a의 상태에서addTest에 함수를 대입하는 것입니다.
응, 어떻게 쓰는지 잘 모르겠어.
아마도 export 파일에서 알 수 있는 값과 알 수 없는 값을 매개 변수로 사용하고 싶을 때 사용하시겠습니까?
상술한 예에 의하면
"a 지금 알아요. b store 내 값을 사용하고 싶어서 지금은 몰라요... export라면 아는데 그쪽은 a를 몰라요..."
나는 이런 상황에서 사용한 것이라고 생각한다.
자세한 사람 좀 알려주세요.

끝맺다


다음은 분기대입을 총괄하고 싶습니다.
이상!
지적할 점이 있으면 잘 부탁드립니다.
연필

겸사겸사 말씀드리겠습니다.


Qita에서도 연필의 정식 그림문자를 사용하고 싶다.

좋은 웹페이지 즐겨찾기