javascript - JS中，如果元素A addEvevtListener了click事件，A['click']()会触发click，是什么原理？

Question

同事在研究一个问题，他对元素A进行了两种方法绑定click，一个是onclick，一个是addEventListener，打了断点可以看到：
A.onclick => 打印 “onClick”，
A['click'] => 打印 “click”

我的疑问是，打断点的时候看不到A['click']这种对象，按照这个写法其实click属性还是在A对象里面的，但是为什么打断点的时候看不到呢？

Answer 1

click属性是继承自HTMLElement
打断点的时候你点开当前元素的__proto__ 然后再点开__proto__ 就会发现click属性

如果一个对象本身没有这个属性，那么很可能是继承过来的，试着在原型链上找找看

Answer 2

A['click']与A.click等价