Question

我正在写一个小的mozilla插件，我在两个类上遇到同样的问题。

var { ActionButton } = require('sdk/ui/button/action');

var MateButton = function(mate)
{
    var self = this;
    myMate: mate,
    button: ActionButton(
    {
        id: "my-button",
        label: self.myMate.message_OFF,
        icon:
        {
            "16": self.myMate.icon_OFF,
        }
    }),
    onChange: function()
    {
        var mate = self.myMate;
        var icon_tmp = ((mate.online == true) ? mate.icon_ON : mate.icon_OFF);
        var message_tmp = ((mate.online == true) ? mate.message_ON : mate.message_OFF);

        self.button.state("window",
        {
            "label": message_tmp,
            "icon":
             {
                "16": icon_tmp,
            }
        });
    }
};

exports.MateButton = MateButton;

问题：

控制台在“onChange：function（）”之前发现错误：SyntaxError：missing;在声明之前。

我试图用“;”替换“，”但错误变为“函数语句需要名称”。

我之前尝试删除函数onChange和冒号，但错误已移至按钮定义。

有人可以帮助我吗？

Answer 1

你在这里混淆了你的声明语法。在部分代码中，您使用的是函数声明，而另一部分则使用了对象声明。

功能声明涉及运行一段代码并返回单个值，而对象声明 不运行代码 ，而是返回（隐含）一系列键值对，（key: value，由,分隔）。

您的MateButton = function(mate)行声明MateButton是一个函数，因此key: value对不合适。试试这个：

var MateButton = function(mate) {
  var self = this;
  self.myMate = mate;
  self.button = ActionButton({
    id: "my-button",
    label: self.myMate.message_OFF,
    icon: {
      "16": self.myMate.icon_OFF,
    }
  });
  self.onChange = function() {
    var mate = self.myMate;
    var icon_tmp = ((mate.online == true) ? mate.icon_ON : mate.icon_OFF);
    var message_tmp = ((mate.online == true) ? mate.message_ON : mate.message_OFF);

    self.button.state("window", {
      "label": message_tmp,
      "icon": {
        "16": icon_tmp,
      }
    });
  };
  return self;
};

javascript中的语法错误：缺失;在声明之前

1 个答案: