$ function在vanilla(没有库)JS中意味着什么？

Question

我想知道$ sign功能意味着什么.

它只是一个快捷方式,document.querySelector还是有更多用途.

我去了大约:空白页面并输入了控制台$.

Firefox的结果是:

function()

在Chrome中:

ƒ$(选择器,[startNode]){[命令行API]}

它可以作为快捷方式,document.querySelector()但我不确定它的名称以及浏览器对此的支持.

还有$$功能,作为document.querySelectorAll(),

$_ 存储最后的$/$$函数结果,

$0这只是参考document.body(我认为)

并且$x,我认为是XPath查询监守XPath的说法:

ƒ$ x(xpath,[startNode]){[命令行API]}

($x在控制台中输入时的chrome输出)

Answer 1

正如"[命令行API]"消息所示,它是浏览器内置的便利功能,而不是vanilla javascript的一部分.

对于Chrome,例如:

Console Utilities API包含一组便捷函数,用于执行常见任务:选择和检查DOM元素,以可读格式显示数据,停止和启动探查器以及监视DOM事件. https://developers.google.com/web/tools/chrome-devtools/console/utilities

Safari和Firefox似乎支持与Chrome相同的功能集; 我相信(但不确定)这是通过共识而不是实际标准.

这些功能只能在开发者控制台中使用; 它们在其他地方无法使用.

console.log($) // will throw "ReferenceError: Can't find variable: $"

该$字符本身在JavaScript中没有特别的意义,并且可以用作任何其他字字形表:

var $ = "hello"
var a$b = "world"
console.log($, a$b)

$ = function() {console.log("This will confuse jQuery users, probably not a great idea")}
$()