为何未声明的userInput变量在JS中仍可访问输入框值？

嘿，你猜得完全正确！这确实是浏览器的一个历史遗留特性在起作用——当HTML元素带有id属性时，浏览器会自动在全局作用域（window对象）中创建一个与id同名的变量，指向该DOM元素。

举个例子，假设你的页面里有这样的元素：

<input type="text" id="userInput">

浏览器会自动帮你执行类似下面的操作：

window.userInput = document.getElementById('userInput');

所以哪怕你自己没手动声明userInput变量，在全局作用域里它依然存在，指向那个输入框元素，自然alert(userInput.value)能正常拿到输入值，输出和之前完全一致。

不过要注意几个点：

• 这属于非标准的历史遗留行为，虽然目前主流浏览器都支持，但并不是ECMAScript标准的一部分，未来存在行为变更的可能
• 这种自动生成的全局变量很容易和你自己声明的变量冲突，引发难以排查的bug
• 开发中的最佳实践还是手动通过document.getElementById()、document.querySelector()等方法获取DOM元素，不要依赖这个特性

内容的提问来源于stack exchange，提问作者misha sachenko