javascript - 更新全局变量

Question

我想在点击时更新我的​​全局变量。基本上，我所有的链接都有 ID，我想将我的全局变量更改为单击一次。请在下面查看我的代码:

var selectedBrand = "";

$(document).on("click", ".style-block a", function(e) {
  e.preventDefault();
  var styleID = $(this).attr("id").replace(/[^0-9]/gi, '');
  var selectedBrand = styleID;
  $('#content').load($(this).attr('href'))
  $(this).reload();
});

$('#brand-list').html(selectedBrand);

因此，我想在 div id="brand-list"中显示选定的 ID(根据我的代码)。

你能帮帮我吗？

Answer 1

从事件处理程序内的 selectedBrand 中删除 var。通过删除 var，将在范围链中搜索变量 selectedBrand，直到最终在 Global 对象上找到它。

当您将 var 添加到函数内部的变量时，该变量是函数作用域的，即无法从该函数外部访问。

var selectedBrand = "";

$(document).on("click", ".style-block a", function(e) {
  e.preventDefault();
  var styleID = $(this).attr("id").replace(/[^0-9]/gi, '');

  selectedBrand = styleID; // Remove var from here

  $('#content').load($(this).attr('href'))
  $(this).reload();
});

$('#brand-list').html(selectedBrand);

或者，你也可以使用

window.selectedBrand = styleID;

显式更新全局变量的值。