如何在Rails应用程序中使用不显眼的javascript访问全局javascript变量？

Question

页面加载后，Rails 4应用程序中的一个视图将加载一个简单的javascript以创建Ace编辑器的实例...

$(function() {
  var editor = ace.edit("editor");
}):

在这种情况下，我有一个简单的ajax按钮...

<%= button_to "Set Content", {controller: :pages, action: 'set_content'}, remote: true %>

要求一些不引人注目的JavaScript ...

editor.setValue("New content has been set");

但这不起作用。 我猜这是行不通的，因为未定义editor 。 由于ajax调用会以静默方式失败，并且我不知道如何使用与调试普通javascript代码相同的Chrome工具来调试不引人注意的javascript代码，因此无法验证这是否是实际问题，但这是我的最佳猜测。

我的印象是，如果我编写var editor ，则将其声明为全局变量，我的Java语言应该可以访问它。

我的问题是...

1. 如何在不引人注目的JavaScript代码内部访问全局变量？
2. 由于全局变量被认为是邪恶的，是否有更好的方法从我的入门javascript中访问editor变量？

在此先感谢您的智慧！

Answer 1

当在函数内部使用var关键字时，该变量的作用域是该函数的局部作用，因此您对全局作用域的假设不正确。 要使变量成为全局变量，请在函数外部声明它：

var editor;
$(function(){
   editor = ace.edit('editor');
});

或者，您可以简单地引用window对象（这是浏览器中的“全局”对象

$(function(){
   window.editor = ace.edit('editor');
});

关于避免全局变量，使用单个全局变量（通常称为“ app”或“ myCompany”等）来提供可全局访问的名称空间是合理的。

var app = {};
$(function(){
  app.editor = ace.edit('editor');
});

这至少限制了新变量的范围，因此您不会错误地覆盖全局变量。 但是，避免全局变量的真正答案在于应用程序的整体体系结构，如果不查看更多代码，就无法真正解决该问题。 一般来说，如果您编写的所有代码都在jquery ready函数内部，则不需要全局变量。 与简单使用jquery时常见的即席代码相比，诸如angular，ember和骨干之类的框架为此类事物提供了更好的结构。

Answer 2

$(function() {
  var editor = ace.edit("editor");
});

在其回调函数的上下文中创建一个局部变量编辑器。 要在其他位置访问它，您需要将其设置为全局window.editor = ace.edit("editor") ，或使用类似以下内容将其添加到命名空间中

window.App = {};
App.editor = ace.edit("editor");