为何Rails项目未引入jQuery相关gem或JS库也能识别$符号？

现象成因解释 #

1. 未手动引入jQuery时的$来源

主流浏览器（Chrome、Firefox等）的开发者工具会在控制台环境默认注入一组DOM操作快捷辅助方法，其中$就是document.querySelector的别名，只会返回匹配选择器的第一个DOM元素，而非集合对象。原生DOM节点本身没有length属性，因此$('div').length返回undefined。
该内置函数仅在控制台环境生效，优先级低于页面全局作用域定义的$变量，不会被页面本身的JS代码访问到。你可以执行$ === document.querySelector验证，此时会返回true。

2. 手动引入jQuery后的$来源

你通过yarn安装并配置全局暴露jQuery后，页面全局作用域的$会被赋值为jQuery的选择器方法，该方法返回的是类数组结构的jQuery实例对象，封装了所有匹配选择器的DOM节点，因此$('div').length会返回实际匹配到的节点数量，也就是你观测到的7。你可以执行$.fn.jquery打印当前加载的jQuery版本号验证。

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