我使用 SWFAddress 深度链接我的网站 ( link to SWFAddress )。我喜欢将代码分解成类，所以我有一个类似于这样的主要结构:

function SomeClass() {
    // This adds the this.handleChange() function to the
    // SWFAddress event listener
    this.initializeSWFA = function() {
        // SWFAddress variable is instantiated in SWFAddress javascript file
        // so I can use it here
        SWFAddress.addEventListener(SWFAddressEvent.CHANGE, this.handleChange);
    }

    // SWFAddress is supposed to call this function
    this.handleChange = function(evt) {
    // Some code here
    }

}

// Instantiate the SomeClass
var someVar = new SomeClass();
someVar.initializeSWFA();

这条线在这里不起作用:

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, this.handleChange);

我尝试将其更改为:

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, this.handleChange());

或

var self = this;
SWFAddress.addEventListener(SWFAddressEvent.CHANGE, self.handleChange);

而且这些也不起作用。

那么在这种情况下，我该如何从类中引用 JavaScript 函数呢？

如果函数 handleChange 在类之外，我可以写函数的名称。

首先感谢大家的回答。我仍在尝试弄清楚这一切在 JavaScript 中是如何工作的。我不习惯 JavaScript 中的面向对象模型。

这是目前的解决方案。我仍然不知道如何在 JavaScript 中很好地做到这一点，但这个解决方案有效。我尝试实现 ehudokai(谢谢)建议的解决方案，但我无法使其发挥作用。

function SomeClass() {
    // This adds the this.handleChange() function to the
    // SWFAddress event listener
    this.initializeSWFA = function() {
        // SWFAddress variable is instantiated in SWFAddress javascript file
        // so I can use it here
        SWFAddress.addEventListener(SWFAddressEvent.CHANGE, someFunc);
    }

    // SWFAddress suppose to call this function
    this.handleChange= function(evt) {
    // Some code here
    }

}

// Instantiate the SomeClass
var someVar = new SomeClass();

function someFunc(evt) {
    someVar.handleChange(evt);
}

someVar.initializeSWFA();

我不喜欢这样，因为这涉及定义一个额外的函数，所以它需要额外的空间如果有人想出如何从 JavaScript 对象向 SWFAddress EventListener 添加方法。请帮帮我。

最佳答案

您的类结构完全有效。但是，如果您的 handleChange() 函数使用 this 关键字，期望 someVar，那么这就是您的问题所在。

是这样的:

1. SWFAddress.addEventListener(SWFAddressEvent.CHANGE, this.handleChange); 正确引用类中的处理函数。 SWFAddress 将该函数缓存到某个变量 f 中，直到事件被调度。
2. 调度事件时，SWFAddress 调用f。虽然保留了对函数的引用，但不保留对上下文或 this 的引用。因此 this 默认为 window。

要解决这个问题，您只需使用一个匿名函数来捕获类范围内的变量。您可以从此匿名函数中使用正确的上下文调用处理程序:

function SomeClass() {
    this.initializeSWFA = function() {
        // Save a reference to the object here
        var me = this;

        // Wrap handler in anonymous function
        SWFAddress.addEventListener(SWFAddressEvent.CHANGE, function (evt) {
            me.handleChange(evt);
        });
    }

    // SWFAddress suppose to call this function
    this.handleChange= function(evt) {
    // Some code here
    }

}

##An explanation of this，应 OP 的要求:##

this 关键字可以用不同的方式解释:首先阅读 this article about scope , 然后 this article about object-oriented JavaScript .

我也想加入我的快速推理，你可能会觉得有帮助。请记住，JavaScript 没有像 Java 这样的语言那样的“类”。在那些语言中，一个类的“方法”只属于那个类(或者可以被继承)。然而，在 JavaScript 中，只有对象和对象属性，它们可能发生在函数中。这些函数是自由代理——它们不属于一个对象或另一个对象，就像字符串或数字一样。例如:

var a = {
    myMethod: function () {...}
};

var b = {};
b.myMethod = a.myMethod;

在这种情况下，myMethod 属于哪个对象？没有答案；它可以是 a 或 b。因此，a.myMethod 只是对函数的引用，与“上下文”或父对象无关。因此 this 没有任何意义，除非使用 a.myMethod() 或 b.myMethod() 显式调用 ，因此在以任何其他方式调用时默认为 window。出于同样的原因，在 JavaScript 中没有 parent 或 super 关键字。

关于javascript - 如何从 JavaScript 类方法中引用函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4586490/