anon 함수를 전달할 때 Error 속성이 정의되어 있지 않습니다 (카레 만드는 법)?

Question

이 기술을 currying이라고합니다.

문제 :

https://repl.it/E4iG

ReferenceError: type is not defined 
    at hasType:14:27 
    at allApprovalTypes.map:18:26 
    at eval:17:21 
    at eval 

질문 : 가 어떻게 그렇게 결국 나는 approvals.find(hasType)에 이름이 지정되지 않은 익명의 기능을 대체 할 수 hasType를 사용합니까?

var approvals = [ 
     {type: 'media'}, 
     {type: 'scope'}, 
    ] 

    var allApprovalTypes = [ 
     'media', 
     'scope', 
     'finance', 
     'compliance', 
    ]; 

    var hasType = (el) => { 
     return el.type === type; 
    } 

    allApprovalTypes.map((type) => { 
     return approvals.find((el)=> el.type === type) || {type: type} // this works. 
    }); 

    allApprovalTypes.map((type) => { 
     return approvals.find(hasType) || {type: type} // this wont work.   
    }); 

Answer 1

hasType은 해당 범위에 존재하지 않는 "유형"변수를 참조합니다.

allApprovalTypes.map((type) => { 
    return approvals.find((el) => { 
     return el.type === type; 
    }) || {type: type} 
}); 


    // closure 
    var hasType = (type) => (el) => { 
     return el.type === type; 
    } 

P.S.를이 유형을 선택하는 당신은 그 함수를 인라인해야합니다 (또는 폐쇄에 포장,하지만 거의 같은 일이) - 관련이 없지만 ES6에서는 "{type : type}"을 "{type}"으로 축약 할 수 있습니다.

Answer 2

.bind()을 사용하면 가능합니다. 콜백에 type (추가 매개 변수)을 전달할 수 있습니다.

var approvals = [ 
 
     {type: 'media'}, 
 
     {type: 'scope'}, 
 
    ] 
 

 
    var allApprovalTypes = [ 
 
     'media', 
 
     'scope', 
 
     'finance', 
 
     'compliance', 
 
    ]; 
 

 
    var hasType = (el, type) => { 
 
     return el.type === type; 
 
    } 
 

 
    console.log(allApprovalTypes.map((type) => { 
 
     return approvals.find(hasType.bind(null, type)) || {type: type} // this works. 
 
    })); 
 

 
    
 

 
    //without bind(); 
 
    console.log(allApprovalTypes.map((type) => { 
 
     return approvals.find((el) => return hasType(el, type)) || {type: type} // this works. 
 
    }));