使用闭包编译器在对象上公开动态创建的函数

Question

我正在尝试注释我的 javascript，以便闭包不会重命名所有符号，因为我也在使用 vanilla javascript。

/**
* @constructor
* @expose
* @type{foo}
*/

foo = function (el, args) {
"use strict";
var s = "Hello World";
/*
* @expose
* @this {foo}
* @type {function}
*/
this.introduce = function () {
    return s;
 };
};

但是，当我通过具有高级优化的闭包编译器运行它时生成的输出是

foo = function() {
 this.a = function() {
 return"Hello World"

} };

我如何要求闭包保留名称引入，因为这将从外部 javascript 调用。

Answer 1

以下选项可用于防止闭包编译器重命名 符号：

• @export（另见：goog.exportSymbol 或 goog.exportProperty）
• 通过将符号存储在字符串引用的全局对象上来导出符号。 见Export the Symbols You Want to Keep
• 在 externs 文件中定义接口并实现该接口（请参阅下面的链接答案）
• 报价属性
• 注意： @expose 已被弃用

如果您不想在函数原型上定义方法，如您的 例如，您可以使用goog.exportSymbol 导出构造函数foo 并使用@expose 导出方法。

/**
 * @param {Element} el
 * @param {...*} args
 * @constructor
 */
var foo = function (el, args) {
  "use strict";

  /** @private */
  this.msg_ = "Hello World";

  /**
   * @this {foo}
   * @return {string}
   * @expose
   */
  this.introduce = function () {
    return this.msg_;
  };
};
goog.exportSymbol('foo', foo);

通过在函数原型上定义方法，goog.exportSymbol可以 用于导出构造函数和方法名称。

/**
 * @param {Element} el
 * @param {...*} args
 * @constructor
 */
var foo = function (el, args) {
  "use strict";

  /** @private */
  this.msg_ = 'Hello World!';
};
goog.exportSymbol('foo', foo);

/**
 * @return {string}
 */
foo.prototype.introduce = function () {
  return this.msg_;
};
goog.exportSymbol('foo.prototype.introduce', foo.prototype.introduce);

查看这些相关的 stackoverflow 问题：

• Why does Closure compiler rename properties of an extern type?
• Can I tell the Closure compiler to, for specific types only, stop renaming properties?
• John's answer 问题：如何告诉闭包编译器 保留对象的属性