Как передать переменную функции обратного вызова в javascript

Question

У меня есть следующий фрагмент кода, и я не очень понимаю, как передать его вплоть до функции onload.

Я попытался определить его в разных местах, но безуспешно, особенно потому, что его определение должно произойти в функции, переданной методу document.on, так как я хочу получить ссылку this.

$(document).ready(function(e) { 
    $(document).on('click', "#someId", function(e) { 
     e.preventDefault(); 
     var variable = $(this).attr('name'); 

     chrome.fileSystem.chooseEntry({ 
      type: 'openFile', accepts:[{ 
       extensions: ['txt'] 
      }] 
     }, 
     function(fileEntry) { 
      if (!fileEntry) { 
       return; 
      } 
      fileEntry.file(function(file) { 
       var reader = new FileReader(); 
       reader.onload = function(e) { 
        ////******* how to access variable here? *******\\\\ 
        chrome.storage.local.set({'txt': e.target.result}); 
       }; 
       reader.readAsArrayBuffer(file); 
      }); 
     }); 
    }); 
}); 

Мне нужно получить доступ к variable внутри функции onload. Как это передать?

Answer 1

Вы можете воспользоваться closures сделать это:

onload = function() { 
    var variable; 
    $(document).on('click', "#someId", function(e) { 
     variable = $(this).attr('name'); 
     // use variable here 
    }); 
    // and here 
}; 

Answer 2

Если я разобрать ваш код правильно, то вы должны быть в состоянии использовать переменную, в которой вы хотите. Он находится в правильном объеме, и есть закрытие, которое будет поддерживать его.

Сделать глобальным, как и в предыдущем ответе, вызовет проблемы с одновременными вызовами - переменное значение может быть перезаписано следующим вызовом, и вы получите другое значение, когда получите его в своем .onload.