如何确保我的数据在调用之前已下载？

Question

我有一个网站，我希望能够按一个按钮来获取和使用json对象中的数据。但是，当我尝试访问数据时，并没有完全下载它，因此最终访问了一个空对象。

var field1 = 0;

function fetchingJson(userInput) {
  fetch('https://somewebsite?'+ userInput)
      .then(function(resp) {
        return resp.json();
      })
      .then(function(data) {
        obj = data;
        accessData(obj);
      });
}

function accessData(obj){
  for(let prop in obj){
    field1 = obj[0].field1;
    console.log(field1); // At this point I get my data!

  }
}

function onButtonClick(){
  fetchingJson(read userinput from form);
  console.log(field1); //at this point its still 0 ):
}

当在onButtonClick函数中使用field1时，如何确保将field1设置为jsonobject中的值？