JavaScript：document.getElementById和通过在变量中声明它们来访问DOM元素之间有什么区别？

Question

这两种方法向控制台输出相同的结果，有区别吗？

        const test1 = mainDiv; 

        console.log('test1 ', test1); //<div id="mainDiv">TEST</div>

        const test2 = document.getElementById('mainDiv');

        console.log('test2  ', test2); //<div id="mainDiv">TEST</div>

<div id="mainDiv">TEST</div>