为什么js要有不同的对象定义同一个功能

Question

比如说我获取一个元素的宽高，可以用document.documentElement.clientWidth，可以用元素自身的offsetWidth，还可以用clientWidth。js这样设置是有什么意图吗？

Answer 1

offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。
clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。