JS局部变量改变全局变量

在JavaScript中,当需要在函数内部根据状态改变按钮行为时,遇到了局部变量改变全局变量的问题。通过示例代码展示了如何创建一个changeState()函数,并探讨了由于变量作用域导致的状态无法正确更新的问题。提出将状态变量改为对象属性来解决这个问题,虽然这增加了变量声明的复杂性,但提高了代码复用效率。期待更多关于此问题的优化建议。
摘要由CSDN通过智能技术生成

<body>
       <button class="bt1">按钮1</button>
       <button class="bt2">按钮2</button>
       <button class="bt3">按钮3</button>
 </body>

这里是三个按钮,点击按钮1会做一些事,再次点击又会做另外一些事(比如打开关闭)

由于在同一个按钮上绑定时间,这个时候就需要有个标志,用于判断当前状态(是开还是关?)

代码可以这么写:

<pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'Consolas';font-size:16pt;">
$(document).ready(function(){ var state1 = 1, state2 = 1, state3 = 1; $(".bt1").click(function(){ if(state1 == 1){ //doSomething state1 = 0; }else{ //doSomething state1 = 1; } }); $(".bt2").click(function(){ if(state2 == 1){ //doSomething state2 = 0; }e
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值