是否可以使用javascript实时检查window.variable对象

Question

有人知道一种实时控制JavaScript变量的方法吗？

我正在实现一个代码，面对自动请求（通过pad签名），当它到达最后一个签名时，必须调出一个按钮（之前隐藏）。 激活/取消激活的代码如下：

function checkButton() {
    var test = ClientInformation.WorkstepFinishCurrentlyAllowed;
    if (test == false) {
        $("#btnCustomFinish").addClass("hidden");
    } else {
        $("#btnCustomFinish").removeClass("hidden");
    }
}

我尝试使用setInterval（）函数的解决方案，该函数每隔几秒运行一次检查但我发现效率不高。

setInterval(function() { 
    checkButton(); 
}, 500);

有没有人知道如何通过事件来实现它，以便他正在执行？

如有必要，使用一些自动检查变量值变化的代码？

问候

Answer 1

一种选择是使用Proxy进行ClientInformation代替，从而使分配到WorkstepFinishCurrentlyAllowed财产ClientInformation结果切换按钮类：

 const $btn = $("#btnCustomFinish"); const ClientInformation = new Proxy({}, { get(obj, prop) { return obj[prop]; }, set(obj, prop, val) { obj[prop] = val; if (prop !== 'WorkstepFinishCurrentlyAllowed') return; if (val) { $btn.removeClass("hidden"); } else { $btn.addClass("hidden"); } } }); console.log('start'); setTimeout(() => ClientInformation.WorkstepFinishCurrentlyAllowed = true, 500); setTimeout(() => ClientInformation.WorkstepFinishCurrentlyAllowed = false, 1000); setTimeout(() => ClientInformation.WorkstepFinishCurrentlyAllowed = true, 1500); setTimeout(() => ClientInformation.WorkstepFinishCurrentlyAllowed = false, 2000); 

 .hidden { display: none; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="btnCustomFinish" class="hidden">button</div>