JS中引用对象的问题

Question

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

Answer 1

首先document.theForm.theDay.options[0]=null是改变options[0]内存的指向，但option的指向没有改变，仍指向的实例（instance），所以第二个console打印出的实例。
其次document.theForm.theDay.options[0]=null会把这唯一的从文档中删除，所以再执行document.theForm.theDay.options[0]去查询的时候会找不到，返回undefined。