JS中引用对象的问题

Question

问题描述新人，学习删除select列表中option的时候遇到了一个变量引用的问题，如下：1.用option[index] = null ,可以达到删除目的；2.把option[index]赋值给某个变量，再把变量设置为null，无效，例：var a = option[index]; a = null;经思考后，已经明白了a实际是引用了option[index]的地址，后面设置a = null,只是改变了a的引用地址，option[index]实际没有变化。但是，后面的问题我想不通了，代码贴在下面。代码<form action="" name="theForm">     <select name="theDay">         <option value="1">1</option>     </select></form><script>     var option = document.theForm.theDay.options[0];    document.theForm.theDay.options[0] = null;    console.log(document.theForm.theDay.options[0]); //输出 undefined      console.log(option); // 输出 <option value="1">1</option></script>而我以为的输出会是console.log(document.theForm.theDay.options[0]); //输出 null console.log(option); // 输出 null想了很久没想明白，希望大神指点