JQuery - Сохранить ответ Ajax jSON как переменную

Я пытаюсь получить результат запроса ajax для установки в переменной, к которой я могу получить доступ вне этого запроса. Я пробовал этот JQuery - Сохранение ответа ajax в глобальной переменной , но моя переменная beer остается неопределенной за пределами $. GetJSON и $. Ajax (пробовал обе).

Вот мой код и где я могу увидеть результаты из console.log (beer) .

var beer;
$.getJSON(jsonUrl, function (json) {
    beer = json;
    console.log(beer); // returns beer
});
console.log(beer); // returns undefined

var beer = (function () {
    var result;

    $.ajax({
        url: jsonUrl,
        success: function (data) {
            result = data;
            console.log(beer); // returns beer

        }
    });
    console.log(result); // returns undefined
    if (result) return result;
})();
console.log(beer); // returns undefined