无法在jQuery中的函数之外分配变量

Question

在这里，我想将名称分配给我从API调用中获取的变量，但是它不起作用。 控制台时，名称的值仍为“ Def”。 请帮我！！ 预先感谢。

var starWar = 'https://swapi.co/api/films/1';

$.getJSON(starWar).done(function(data) {
  console.log(data);
  var name = "Def";
  $.each(data.characters, function(index, url) {
    $.getJSON(url).done(function(data) {
      name = data.name; //Value  is not actually assigning..Why???
    }).fail(function() {
      alert("Person Name didn't call");
    });

    console.log(name);
    var html = "<br><a href='" + url + "'>" + name + "</a>";
    $(".star").append(html);
    console.log(url);
  });
}).fail(function() {
  alert("API didn't call");
});