Javascript 模块模式和 Google Closure 编译器

Question

我正在使用 Google Closure Compiler现在在一个 Drupal 项目上。我的 Javascript 是使用 Javascript Module Pattern 构造的.

由于 Drupal 的工作方式，我单独编译每个 JS 文件。简单编译模式运行良好，但我想使用 Advanced Compilation在每个文件上。

我的文件都是关于

的变体

var FOO = (function(me, $, Drupal, undefined) {
  function init (context, settings) {
    do_sutff();
  };

  Drupal.behaviors['FOO'] = {
    attach: init
  };

  return me;
}(FOO || {}, jQuery, Drupal));

我的问题是 Drupal.behaviors 是 Drupal 中的特定对象，attach 属性也是特定属性。当 Drupal 页面呈现时，Drupal.behaviors 会循环，所有的 attach 函数都会使用适当的参数调用。换句话说，我不想用 Drupal 对象重命名任何东西。

当我使用高级编译模式时，我得到

var c = function(a, d, b) {
  b.b.FOO = {a:function() {
    do_stuff()
  }};
  return a
}(c || {}, jQuery, Drupal);

我尝试了很多变体，试图让编译器将整个 Drupal 对象识别为外部对象，但不幸的是。无论我尝试什么，.behaviors 和 .attach 总是被重命名。

有没有办法告诉编译器不要动手整个对象？

Answer 1

没有“不要修改此对象的任何属性”的概念。但是，您可以设置一个 extern，例如:

/** @interface */
function DrupalBehavior() {}
DrupalBehavior.prototype.attach = function(){};

/** @constructor */
function DrupalObject () {}

/** @type {Object.<string, DrupalBehavior>} */    
DrupalObject.prototype.behaviors = {};

然后，在您的代码中:

var FOO = (
   /**
    * @param {Object} me
    * @param {jQuery} $
    * @param {DrupalObject} Drupal
    * @param {*=} undefined
    */
   function(me, $, Drupal, undefined) {
     function init (context, settings) {
       do_sutff();
     };
     Drupal.behaviors['FOO'] = {
       attach: init
     };

     return me;
  }(FOO || {}, jQuery, Drupal));

在这种情况下，Drupal 参数将被重命名，但 behaviors 属性及其关联的 attach 子属性不会被重命名。

关于 jQuery 的一个注意事项:您将 jQuery 命名空间对象作为范围。 Closure-compiler 没有很好地跟踪此对象中的类型。我列出的注释将用于 jQuery 对象的实例，而不是整个 jQuery namespace 。这可能不是您想要的。在闭包编译器中处理这个问题的唯一类型安全的方法是不通过函数闭包传递命名空间。

更新:在浏览了您链接的 JavaScript 模块模式帖子后，他们鼓励将全局命名空间对象传递到函数闭包中。此模式在 Closure 编译器中存在已知问题。您将需要选择遵循这方面的模式或选择与 ADVANCED_OPTIMIZATIONS 完全兼容。