浏览器返回错误：应用未定义

Question

我有一个应用程序在前端的 Backbone 上运行，当浏览器加载页面时，它会在控制台中返回错误：

Uncaught ReferenceError: app is not defined
    at index.js:6
    at index.js:51
(anonymous) @ index.js:6
(anonymous) @ index.js:51

index.js

/* global app:true */

(function() {
  'use strict';

  app = app || {};  // error here although it must prevent of undefined 
                    // variables stay undefined

  //.......
  //backbone code here
  //.......

  $(document).ready(function() {
    app.contactView = new app.ContactView(); //error here
  });
}());

从构建切换到 CDN 或进入 Backbone.Model 属性返回相同的错误。

Answer 1

如果您希望它是全局的，则仅将变量移到函数范围之外。

/* global app:true */

var app = app || {};

(function() {
  'use strict';

  //.......
  //backbone code here
  //.......

  // you can use the jQuery shortcut version of the document ready.
  $(function() {
    app.contactView = new app.ContactView();
  });
}());

或者将其作为IIFE的参数传递。

(function(app) {
  // ...
})(app = app || {});

如果您有多个文件，它们都应该实现与上述示例类似的结构，以便能够使用 app 命名空间。

有关命名空间的其他信息

• How do I declare a namespace in JavaScript?
• Different common patterns in JavaScript
• The purpose of the namespacing pattern with Backbone