RequireJS：如何将变量从一个文件传递到另一个文件？

我将 require 与骨干+骨干形式一起使用。我目前正在使用 RequireJS 将代码分成多个文件。我将模型存储在单独的文件中，并希望单独保留表单验证器。

但是，我无法访问一个文件以及依赖于该文件的另一个文件中定义的变量。我得到的是Uncaught ReferenceError: isEmptyName is not defined. isEmptyName在验证器中定义并在模型中使用。任何有关 RequireJS 配置的反馈也将受到赞赏。

我的配置：

requirejs.config({

//By default load any module IDs from js/lib

baseUrl: 'js',

paths: {
     jquery: 'lib/jquery',
        app: 'lib/app', 
     wizard: 'lib/jquery.bootstrap.wizard.min',
  bootstrap: 'lib/bootstrap.min',
 underscore: 'lib/underscore-min',
   backbone: 'lib/backbone-min',
backboneForms: 'lib/backbone-forms.min',
langSwitcher: 'lib/lang',
     cookie: 'lib/cookie',
 datepicker: 'lib/bootstrap-datepicker',
       mask: 'lib/jquery.maskedinput.min',
 validators: 'modules/validators',  

  // models

personalData: 'models/personal-data',
addressData: 'models/address-data',
   workData: 'models/work-data',
productsData: 'models/products-data',
statmentData: 'models/statment-data',    

     model: 'models/form',
collection: 'collections/form',
      view: 'views/form',

     setup: 'setup',
      send: 'send',

},
    shim: {
    'underscore': {
        deps: ['jquery'],
        exports: '_'
    },  
    'backbone': {
        deps: ['underscore', 'jquery'],
        exports: 'backbone'
    },

    // all model needs to go within one collection

    'bootstrap' : ['jquery'],
    'wizard': ['jquery'],
    'backboneForms': ['backbone'],
    'validators': ['backbone','mask'],
    'personalData' : ['backbone','backboneForms','validators'],
    'addressData': ['backbone','backboneForms'],
    'workData': ['backbone','backboneForms'],
    'statmentData': ['backbone','backboneForms'],

    //'collection': ['backbone','backboneForms','personalData'],
    //'view': ['backbone','backboneForms','personalData']
 } 
});

validators.js 的开头

require(['backbone','backboneForms'], function(){


var lettersOnly = /^[A-Za-zęóąśłżźćńĘÓĄŚŁŻŹĆŃ]+$/;
var lettersOnlyDash = /^[A-Za-zęóąśłżźćńĘÓĄŚŁŻŹĆŃ\-]+$/;
var err = {};
var errCh = {};
var errFormat = {};

var isEmptyName = function(value){
err = { message: 'Wpisz imię.'};
if (value.length === 0) return err;
};

model.js 的开头需要 validators.js 中的验证器

require(['backbone','backboneForms','mask','validators'], function(backbone,backboneForms,mask,validators){

var PersonalData = Backbone.Model.extend({

schema: {
    first_name:{ 
        title: 'Imię',            
        validators: [isEmptyName, isLetter, minCharCount] //Accessing validators.js members here...
    }, ...

我认为你正在使用require当你真正需要的是define. From 什么时候应该使用 require() ，什么时候使用 Define() ？ https://stackoverflow.com/questions/9507606/when-to-use-require-and-when-to-use-define,

通过定义，您可以在 require.js 中注册一个模块 依赖于其他模块定义或 require 语句。和 要求您“仅”加载/使用可以 由 require.js 加载。

因此，在这里，您有一些在一个文件中定义的变量，但需要在另一个文件中访问。看起来像一个“模块”，不是吗？现在，您有两种方法将此文件用作模块：

1. 符合 AMD 标准
2. 符合混乱的 JavaScript 全局变量特性

使用 AMD 方法

validators.js现在是一个模块。任何希望使用“验证器函数”的人都可以依赖此模块来为他们提供它。那是，

define(['backbone','backboneForms'], function(){

  var lettersOnly = /^[A-Za-zęóąśłżźćńĘÓĄŚŁŻŹĆŃ]+$/;

  var isEmptyName = function(value){
  err = { message: 'Wpisz imię.'};
  if (value.length === 0) return err;

  return {
    someVariable: lettersOnly,
    someFunction: isEmptyName
  }
};

你会注意到require已替换为define。现在，当某人（模型）依赖 validator.js 时，他们可以按如下方式访问其依赖项

require(['backbone','backboneForms','mask','validators'], 
  function(backbone, backboneForms, mask, validators) {

    var isEmptyNameReference = validators.someFunction;
    ...

Using shim

Check Requirejs 为什么以及何时使用 shim 配置 https://stackoverflow.com/questions/15471088/requirejs-why-and-when-to-use-shim-config，其中引用这个链接 http://aaronhardy.com/javascript/javascript-architecture-requirejs-dependency-management/其中说，

如果我们只是将backbone.js 文件添加到我们的项目和列表中 Backbone 作为我们模块之一的依赖项，这是行不通的。 RequireJS将加载backbone.js，但backbone.js中没有任何内容注册 本身作为 RequireJS 的一个模块。 RequireJS 会举手 并说：“好吧，我加载了文件，但我没有找到 那里的任何模块。”

因此，您可以让 validator.js 填充全局Validator命名空间，并仍然按照我们在上面的示例中使用它的方式使用它。

function(){
  var lettersOnly = /^[A-Za-zęóąśłżźćńĘÓĄŚŁŻŹĆŃ]+$/;
  var isEmptyName = function(value){
    err = { message: 'Wpisz imię.'};
    if (value.length === 0) return err;

  Globals.Validator = {
    someVariable: lettersOnly,
    someFunction: isEmptyName
  }
}();

你的 config.js 将会是，

shim: {
    'validator': {
        deps: ['backbone','backboneForms'],
        exports: 'Globals.Validator'
    },
  ...

请注意，您可以根据需要为命名空间添加别名，但别名只是对现有全局对象/命名空间的引用。如果您有以下情况，这会很有帮助：Foo.Bar.Foobar作为您的命名空间，但想将其称为FB。因此，匀场是非 AMD 库适应 AMD 使用的一种方法。在这种情况下，选项 1 应该足够了。