ACDL eventing with event parameter

acdl-test3.js

// In a browswer window with URL about:blank
// Open the JS console and paste this code

window.adobeDataLayer =  [];

adobeDataLayer.push({
    x: 1
});
adobeDataLayer.push({
    event: "test",
    y: "a"
});
adobeDataLayer.push({
    x: 2
});
adobeDataLayer.push({
    event: "test",
    y: "b"
});

adobeDataLayer.push(function (dl) {
    dl.addEventListener("test", function(e) {
        console.log(e);
    });
});

var scriptElement = document.createElement('script');
scriptElement.src = "https://unpkg.com/@adobe/[email protected]/dist/adobe-client-data-layer.js";
document.body.append(scriptElement);

// Console output will be:
// {event: "test", y: "a"}
// {event: "test", y: "b"}

A more robust pattern than to use getState is to use the event payload passed to the event listener function, this will always return the data submitted at the moment of the event, even if the event listener has been registered late.