如何在Chrome控制台查看jQuery text()方法的函数体源码

你现有代码只是调用了text()方法，方法本身的实现定义在jQuery的原型对象上，按下面步骤操作就能直接看到完整函数体：

• 第一步打开控制台：在你运行这段代码的页面按F12（Windows）或者Cmd+Opt+I（Mac）打开Chrome开发者工具，切换到Console面板。
• 直接打印方法体：在控制台输入命令$.fn.text后按回车，控制台会直接输出text方法的完整定义，点击输出结果前的展开箭头就能看到全部函数逻辑。如果页面有其他库占用了$符号，换用jQuery.fn.text即可，效果完全一致。
  注：jQuery所有挂载在实例上的方法（就是你用$(selector).xxx()调用的方法）都存在$.fn这个原型对象上，直接访问这个属性就能拿到方法本身的引用。
• 如果想调试运行时的执行流程：
  1. 切换到开发者工具的Sources面板，找到你写的那段点击事件代码，在alert("Text: " + $(selector).text());这一行点击行号打个断点
  2. 触发对应元素的点击事件，代码执行到断点处会暂停，此时按F11（单步进入），调试器会直接跳转到jQuery源码中text()方法的定义位置，你可以逐行执行、查看每一步的变量变化，完整梳理工作逻辑。

小提示：如果看到的源码是压缩混淆后的乱序代码，点击源码面板下方的{}（格式化代码）按钮，Chrome会自动把压缩代码排版成易读的格式。

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