jQuery - 如何在函数外使用变量

Question

我该如何在声明变量的函数之外使用它？

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

如果我点击按钮，就会出现这个错误： bwr_w未定义

- user705730

Answer 1

只需在构造函数的范围内声明该变量：

$(function() {
    var bwr_w = null;

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

    init();

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

- Matías Fidemraizer

Answer 2

尝试这个

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

- Andrei Andrushkevich

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);
    });
});

- David Thomas

Answer 4

试试这个

  $(function() {
    var bwr_w_var = function() {
        let bwr_w = 'stack overflow';
        return bwr_w;
    };
    function() {
        let bwr_w = bwr_w_var();
        console.log(bwr_w);
    };
  });

- Joukhar