google-closure-compiler - 对象的导出属性

Question

如何导出对象的方法以在 HTML 页面中进行外部调用。

JavaScript 代码：

my.namespace.FeedbackController = Class.create();
Object.extend(my.namespace.FeedbackController.prototype, {
 initialize:function(fid, fitem){
  this.fid = fid,
  this.feedback_item = fitem;
 },
 link_click : function(fstate) {
  alert(fstate);
 }
});
goog.exportSymbol('my.namespace.FeedbackController', my.namespace.FeedbackController);
goog.exportProperty(my.namespace.FeedbackController, 'link_click', my.namespace.FeedbackController.link_click);

在页面上，人们提供了多个反馈项目。HTML 代码：

<script type="text/javascript">
  feedback_handlers = new Array();
  feedback_handlers[16] = new my.namespace.FeedbackController(16, 'useful');
</script>
<a href="javascript:feedback_handlers['16'].link_click('useful');">Useful</a>

当我单击“有用”链接时，我得到 TypeError: feedback_handlers['16'].link_click is not a function。

我错过了什么吗？

Answer 1

link_click是一种原型方法。

尝试：

goog.exportProperty(my.namespace.FeedbackController.prototype, 'link_click', my.namespace.FeedbackController.prototype.link_click);

请参阅 https://code.google.com/p/closure-library/source/browse/closure/goog/base.js#1538

Answer 2

Object.extendClosure-compiler 无法识别扩展函数原型的方式。您需要使用直接原型分配：

my.namespace.FeedbackController.prototype.initialize = function() ...

如果您使用详细警告进行编译，您应该会收到有关未定义属性的警告。