问获取外部js文件Javascript中被单击的html元素的类名

EN

var buttons = document.getElementsByTagName('a');
for (var i = 0; i < buttons.length; i++) {
    var button = buttons[i];
    button.addEventListener("click", function(){
        console.log(this.className)
    })
}

<a href="#" class="btn myButton1"><i class="fas fa-times"></i> <span>Button 1</span></a>
<a href="#" class="btn myButton2"><i class="fas fa-times"></i> <span>Button 2</span></a>

let arrayOfAnchors = document.querySelectorAll('a');
arrayOfAnchors.forEach(anchor => {
    console.log(anchor.className);
    console.log(anchor.classList);
    anchor.addEventListener('click', function() { console.log('hey there'); alert('hi'); });

});