设计“插件” - 如何在 JSON 中传递对象方法？

发布于 2024-10-18 15:45:16 字数 735 浏览 4 评论 0原文

我不确定这是否可能，或者更重要的是良好的设计。对两者的反馈表示赞赏。

我们有一个通过“插件”添加功能元素的前端。插件设计是一个带有一些数据和一些方法的 JavaScript 对象，如下所示：

function FeedbackPlugin(){
  return {
    name: "Feedback",
    help: "Provide feedback on any element of the site",
    ...    
    showForm : function(_feedbackType) {
      ...
    },
    ...
    messageCallbacks: [{callbackKey:"ProvideFeedback",callbackHandler:showForm}]       
  };
}

框架加载每个插件，然后迭代 messageCallbacks 将 comet 事件与插件方法联系起来。

遗憾的是上面的代码不起作用。当框架尝试注册插件时，该插件的 showForm 方法不在范围内。我认为我们可能需要传递一个指向现有插件实例的 showForm 方法的指针...

javascript中有什么方法可以以某种方式使这个方法静态？
该方法是否应该存在于外部为了方便起见的插件？

谢谢。

原文

I'm not sure if this is possible or maybe more imporantly good design.
Feedback on both appreciated.

We have a front end that we add functional elements to through 'plugins'.
The plugin design is a javascript object with some data and some methods as below:

function FeedbackPlugin(){
  return {
    name: "Feedback",
    help: "Provide feedback on any element of the site",
    ...    
    showForm : function(_feedbackType) {
      ...
    },
    ...
    messageCallbacks: [{callbackKey:"ProvideFeedback",callbackHandler:showForm}]       
  };
}

The framework loads each plugin and then iterates over the messageCallbacks to tie comet events to plugin methods.

Sadly the code above does not work. The plugin's showForm method is not in scope when the framework tries to register it. I think we may need to pass a pointer to the showForm method of an existing plugin instance...