如何构造jQuery ready函数让Visual Studio识别其名称

嘿，这个问题我之前也碰到过！Visual Studio的代码导航功能对匿名函数确实不太“敏感”，不过有几个简单的小技巧能让它识别到你的jQuery ready块，轻松解决导航定位的问题：

• 给ready回调函数添加名称
  直接给原本的匿名函数加上一个有意义的名字，Visual Studio就能在顶部下拉菜单里捕捉到这个名称了，而且完全不影响jQuery的执行逻辑：

  $(document).ready(function initPage() {
    // 你的页面初始化代码
  });
  

• 抽离为独立的命名函数
  把初始化逻辑单独写成一个命名函数，再传递给ready方法，这种方式不仅能让VS识别到函数名，还能让代码结构更清晰，便于后期维护：

  function initPage() {
    // 你的页面初始化代码
  }
  
  $(document).ready(initPage);
  

• 使用jQuery简写形式+命名函数
  如果你习惯用$(function(){})这种ready的简写语法，同样给内部函数加上名字就可以了：

  $(function initPage() {
    // 你的页面初始化代码
  });
  

小提示：如果你的Visual Studio版本偏旧，记得确认已经启用了JavaScript的智能感知和代码导航功能，不过上面的方法在VS2017及以后的主流版本里都能稳定生效~

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