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