Google Maps API的Autocomplete对象是否存储输入元素引用？

是的，Google Maps Places API的Autocomplete对象确实存储了它所绑定的输入元素的引用，你提到的autocomplete.input_在当前的API版本中是可以直接访问的——不过要先说明：这是一个未公开的内部属性，Google没有官方文档承诺会长期保留这个属性的命名或可用性，未来API更新可能会对其进行修改。

直接使用内部属性的示例 #

假设你初始化Autocomplete的代码是这样的：

// 获取输入元素（不管你用什么方式获取，哪怕类名动态，初始化时肯定能拿到）
const targetInput = document.querySelector('input[placeholder="输入地址"]');
// 初始化Autocomplete
const autocomplete = new google.maps.places.Autocomplete(targetInput);
// 绑定place_changed事件
autocomplete.addListener('place_changed', fillInAddress);

那在你的fillInAddress函数里，就可以直接通过autocomplete.input_获取到绑定的输入元素：

function fillInAddress() {
  // 获取输入元素引用
  const inputElement = autocomplete.input_;
  // 接下来就可以对这个元素进行操作了
  console.log('当前输入框内容:', inputElement.value);
  inputElement.classList.add('address-filled');
}

更稳妥的替代方案 #

因为内部属性存在变更风险，如果你需要长期维护项目，更推荐以下两种可靠方案：

1. 将输入元素引用保存在闭包/全局变量中
   初始化时把输入元素的引用存起来，回调函数直接使用这个变量：

   // 用闭包或者全局变量存储输入元素引用
   let boundInput;
   
   function initAutocomplete() {
     boundInput = document.querySelector('input[placeholder="输入地址"]');
     const autocomplete = new google.maps.places.Autocomplete(boundInput);
     autocomplete.addListener('place_changed', fillInAddress);
   }
   
   function fillInAddress() {
     // 直接使用提前保存的引用
     console.log('输入元素:', boundInput);
   }
   

2. 利用事件回调的上下文
   place_changed事件的回调函数中，this指向的就是Autocomplete实例本身，所以也可以这样写：

   function fillInAddress() {
     // this就是当前的Autocomplete对象
     const inputElement = this.input_;
     console.log(inputElement);
   }
   

内容的提问来源于stack exchange，提问作者Sam Craven