クロージャの変数をインポート関数に渡す

Question

タイトルは本当に意味をなさない。しかし、私はより良いものを考えることができないので、私を許してください... これを考慮してください。

handleFBRespの定義をコールバックから独自のモジュールに移動しようとしています。しかし、難しいことは、dispatchを使用する必要があります。これはクロージャからのみアクセス可能です。

bindトリックは新しい機能を作成するため使用できません。removeListenerは機能しません。

ここで適切な方法は何ですか？

(action) => (dispatch, getState) => { 
chrome.tabs.create({ 
    url: FB_OAUTH_URI 
}, (tab) => { 
    // I would like this function definition to be extracted 
    // into its own module, and import it. 
    function handleFBResp(tabId, tabObj, _) { 
    if (typeof tabObj.url !== 'undefined') { 
     let matchedCode = tabObj.url.match(/code=(.+)/); 
     if (matchedCode) { 
     chrome.tabs.onUpdated.removeListener(handleFBResp); 
     chrome.tabs.remove(tabId); 

     fbLogin(matchedCode[1]); 

     dispatch ... 
     } 
    } 
    } 

    chrome.tabs.onUpdated.addListener(handleFBResp); 
    // this below wouldn't work because bind creates a new function, 
    // and removeListener won't work 
    // chrome.tabs.onUpdated.addListener(handleFBResp.bind(null, dispatch)); 
} 

Answer 1

実際には、これを考え出しました。ここで私は私が最初のサンクとしてhandleFbRespを行い、

export function handleFbResp(dispatch) { 

    return function _handleFbResp(tabId, tabObj) { 
    chrome.tabs.onUpdated.removeListener(_handleFbResp); 
    chrome.tabs.remove(tabId); 
    } 
} 

は、その後、私は、リスナーを追加し、サンクを呼び出すモジュールにそれを抽出

を行うものです。

(action) => (dispatch, getState) => { 
    chrome.tabs.create({ 
    url: FB_OAUTH_URI 
    }, (tab) => { 
    chrome.tabs.onUpdated.addListener(handleFbResp(dispatch)); 
    } 
}