Element.getBoundingClientRect()返回的x,y和left,top的区别？

Question

MDN上对Element.getBoundingClientRect()返回值的解释为：getBoundingClientRect返回值看了描述，总觉着x,left指的是一个东西，y，top指的是一个东西。写了一段测试代码，发现返回的结果和我预期的一样，就是left，x值相同，top,y值相同。怎么解释呢？是不是说明其实这块设计比较累赘，x,left以及y,top本身就是一样东西。

Answer 1

可能是因为浏览器兼容性吧，IE 和 Edge 返不包含 x, y 属性

Answer 2

楼上说的挺对的，翻了一下mdn，翻到最后面兼容性 第四条
链接描述