如何制作自定义 JavaScript 控制台命令？

Question

我一直在尝试使用 JavaScript 创建自定义控制台命令，但没有成功。似乎没有关于我的问题的消息来源。

当我说“JavaScript 控制台命令”时，我的意思是我想从控制台发出自己的命令。例如，如果访问者在我网站的控制台区域键入“custom.command()”，我希望输出为：console.log("This is my custom command");.

Answer 1

你不需要做任何特别的事情；只需在全局范围内创建一个带有函数的对象，用户就可以从 devtools 控制台使用它。

例如（在脚本中，而不是在模块中）：

const custom = {
    command() {
        console.log("This is my custom command.");
    },
};

因为它在全局范围内，所以它创建了一个全局，因此当您的页面打开时可以在控制台中访问它。

（不一定是对象；您可以在全局范围内创建一个函数，但您的示例用法是使用对象。）

---

如果您想从模块中执行此操作，因为模块的顶层不是全局范围，您必须执行与在函数中创建全局相同的操作，这包含在 this question 的答案中（在您的情况下，它基本上分配给 window 上的 属性：window.custom = { /*...*/ };）。