如何通过 Rails 6 中的浏览器控制台访问自定义 JavaScript 函数答案

【问题标题】：How to access custom javascript functions via browser-console in Rails 6如何通过 Rails 6 中的浏览器控制台访问自定义 JavaScript 函数
【发布时间】：2019-10-12 17:58:45
【问题描述】：

为了调试 Rails 6（版本 6.0.0.rc1）Web 应用程序的 javascript 部分，我也想在 Chrome 控制台（又名检查)。

当我只使用静态 HTML 文件来构建网站时（而不是现在使用像 Rails 这样的网络框架），您只需像这样将 JS 文件嵌入到 DOM 中

<!-- custom JS -->
<script src="js/custom.js"></script>

并且可以立即访问和执行放置在此文件中的所有自定义函数。

背景： JS 文件放置在本文提供的正确 rails 6 特定目录中：How to require custom JS files in Rails 6

注意： rails 6 应用程序也已经使用了 JS 文件，因为浏览器会显示控制台日志消息。

这里是JS文件的全部内容：

// app/javascript/packs/custom.js
console.log("loaded custom.js successfully")

function sayHello () {
  console.log("Hello good Sir or Madam!")
}

期望：我期望打开浏览器的 (Chrome) 控制台并能够在控制台中使用 sayHello() 函数。

但是，当我这样做时，我在控制台中收到一条错误消息：

Uncaught ReferenceError: sayHello is not defined

【问题讨论】：

你可以暂时把你的函数添加到window进行调试

标签： ruby-on-rails ruby-on-rails-6

【解决方案1】：

试试类似的东西

sayHello = ()=>{
console.log("Hello good Sir or Madam!");
}

然后你可以在控制台中唤起：

>sayHello();

【讨论】：

欢迎来到 Stack Overflow！感谢您提供此代码 sn-p，它可能会提供一些有限的短期帮助。通过显示 why 这是解决问题的好方法，并使其对未来的读者更有用与其他类似的问题。请edit您的回答添加一些解释，包括您所做的假设。