Un bouton reçoit successivement ces quatre instructions

Un bouton reçoit successivement ces quatre instructions.

const b = document.getElementById("go");
b.onclick = function () { console.log("A"); };
b.onclick = function () { console.log("B"); };
b.addEventListener("click", function () { console.log("C"); });
b.addEventListener("click", function () { console.log("D"); });

Qu'affiche la console à un clic, et dans quel ordre ? Qu'en conclure sur la différence entre les deux façons d'installer un gestionnaire ?