javascript - $ function 在普通(无库)JS 中意味着什么？

Question

我想知道 $ 符号函数是什么意思。

它只是 document.querySelector 的快捷方式还是有更多用途。

我转到 about:blank 页面并在 console $ 中输入。

Firefox 中的结果是:

函数()

在 Chrome 中:

ƒ $(selector, [startNode]) { [Command Line API] }

它是 document.querySelector() 的快捷方式，但我不确定它叫什么以及浏览器对此的支持是什么。

还有 $$ 函数，用作 document.querySelectorAll(),

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

$0 只是对 document.body 的引用(我认为)

由于 xpath 参数，我认为

和 $x 是 XPath 查询:

ƒ $x(xpath, [startNode]) { [Command Line API] }

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

Answer 1

正如“[Command Line API]”消息所暗示的那样，它是浏览器内置的一个便利功能，而不是普通 JavaScript 的一部分。

以 Chrome 为例:

The Console Utilities API contains a collection of convenience functions for performing common tasks: selecting and inspecting DOM elements, displaying data in readable format, stopping and starting the profiler, and monitoring DOM events. 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")}
$()