JavaScript：全局变量似乎被覆盖

Question

我目前正在处理以下代码，该代码仅应保存第一个位置。此后检测到的所有内容均应忽略：

var markerPos;
var markerAlreadyDetected = false;

AFRAME.registerComponent('barcode_marker', {
    init: function () {
        const marker = document.querySelector('#marker');

        marker.addEventListener('markerFound', function () {
            console.log("Marker Already Detected:", markerAlreadyDetected);

            if (!markerAlreadyDetected) {
                markerAlreadyDetected = true;
                markerPos = marker.getAttribute('position');
                console.log("Saved new marker location.", markerPos);
            } else {
                console.log("Already detected marker.");
            }

            console.log("Saved marker position:", markerPos);
        });
    }
});

虽然if(!markerAlreadyDetected)正确执行，但是全局变量似乎每次都在变化，所以标记被检测到。

这里是console output。

Answer 1

此帖子最初是由VLAZ发表作为评论。

您正在分配一个对象，这意味着它可以自由更改，而无需重新分配它。如果需要维护对象的具体状态，则需要对其进行克隆或仅从对象中获取所需的原始值。