jquery - использовать переменную вне функции

Question

Как я могу использовать переменную вне функции, где она была объявлена?

$(function() {
    function init() {
        var bwr_w = $(window).width();
    }
    init();
    $('#button').click(function() {
        alert('The Browser Height is' + bwr_w);
    });
});

Если я нажимаю на кнопку, я получаю эту ошибку:

bwr_w не определен

Answer 1

Просто объявите эту переменную в области видимости конструктора:

$(function() {
    var bwr_w = null;

    function init() {
        bwr_w = $(window).width();
    }

    init();

    $('#button').click(function() {
        alert('The Browser Height is' + bwr_w);
    });
});

Answer 2

попробуйте

$(function() {
  var bwr_w = 0;
  function init() {
    bwr_w = $(window).width();
  }
  init();
  $('#button').click(function() {
    alert('The Browser Height is' + bwr_w);
  });
});

Answer 3

Если вы объявляете переменную вне функции, а затем присваиваете ей значение внутри функции, она должна быть доступна в другом месте. Пока вы уверены, что будет назначено значение. Если вы не уверены, вы можете назначить значение по умолчанию:

$(function() {

        var bwr_w; // or 'var bwr_w = default_value;'

    function init() {
        bwr_w = $(window).width();
    }
    init();
    $('#button').click(function() {
        alert('The Browser Height is' + bwr_w);
    });
});