Javascript 如果已使用上一个值,如何使用已更改的变量值?

Javascript 如果已使用上一个值,如何使用已更改的变量值?,javascript,function,variables,binding,bindable,Javascript,Function,Variables,Binding,Bindable,我试图使用一个带有基值的变量,这个变量在我的代码中被多次使用。稍后单击按钮时,我想使用另一个值。所以当这个变量的值改变时,事情也必须改变,比如绑定 我面临的问题是,变量正在改变,但我正在使用的其他方法以及类似的方法不会随之改变,因为它们已经被使用了(我希望在这种情况发生时再次运行)。那么什么是最好的方法呢 如果有不清楚的地方,请询问更多信息:) 提前谢谢各位 var gebouwen = { "zoneBounds": [[20,25], [30,35]], "minZoom":

我试图使用一个带有基值的变量,这个变量在我的代码中被多次使用。稍后单击按钮时,我想使用另一个值。所以当这个变量的值改变时,事情也必须改变,比如绑定

我面临的问题是,变量正在改变,但我正在使用的其他方法以及类似的方法不会随之改变,因为它们已经被使用了(我希望在这种情况发生时再次运行)。那么什么是最好的方法呢

如果有不清楚的地方,请询问更多信息:) 提前谢谢各位

var gebouwen = {
    "zoneBounds": [[20,25], [30,35]],
    "minZoom": 2,
    "maxZoom": 5,
    "bounds1": -20,
    "bounds2": -20,
    "bounds3": 55,
    "bounds4": 65,
    "boundsmap": [[0,0], [35, 45]],
    "imageBuilding": 'img/building2.png'
};
var gebouw1 = {
    "zoneBounds": [[30,35], [40,45]],
    "minZoom": 2,
    "maxZoom": 3,
    "bounds1": -10,
    "bounds2": -10,
    "bounds3": 55,
    "bounds4": 85,
    "boundsmap": [[0,0], [45, 75]],
    "imageBuilding": 'img/plattegrond.png'
};
var gebouw2 = {
    "zoneBounds": [[30,35], [40,45]],
    "minZoom": 2,
    "maxZoom": 3,
    "bounds1": -10,
    "bounds2": -10,
    "bounds3": 55,
    "bounds4": 85,
    "boundsmap": [[0,0], [35, 45]],
    "imageBuilding": 'img/building2.png'
};
这就是我使用的变量。gebouwen是主按钮,如果我点击一个按钮,gebouwen将等于gebouw1,如果我按下另一个按钮,gebouwen将等于gebouw2(gebouw=建筑)


例如,我在这个变量中使用gebouwen。但是,当设置好并单击按钮时,我希望它也能更改。

您也能为我们分享一些代码吗?当然可以!我是否正确理解,一旦将新值分配给gebouwen,您希望触发一些操作?是的!但是gebouwen在我的代码中无处不在。你也能给我们分享一些代码吗?当然可以!我是否正确理解,一旦将新值分配给gebouwen,您希望触发一些操作?是的!但是gebouwen在我的代码中随处可见。
<div id="building_page"> 
   <button id="building_1" >building 1</button>
   <button id="building_2" >building 2</button>
</div>
var buttonBuilding1 = document.getElementById("building_1");
var buttonBuilding2 = document.getElementById("building_2");

buttonBuilding1.addEventListener("click", function() {
    tabbar.style.display = "flex";
    mapPage.style.display = "block";
    buildingPage.style.display = "none";
    gebouwen = gebouw1;
})

buttonBuilding2.addEventListener("click", function() {
    tabbar.style.display = "flex";
    mapPage.style.display = "block";
    buildingPage.style.display = "none";
    gebouwen = gebouw2;
})