Javascript成员函数超出范围

Question

我有一个创建锚对象的类。 当用户单击锚点时，我希望它从父类运行一个函数。

function n()
{
    var make = function()
    {
        ...

        var a = document.createElement('a');    
        a.innerHTML = 'Add';
        //this next line does not work, it returns the error: 
        //"this.add_button is not a function"
        a.onclick = function() { this.add_button(); }                                               

        ...
    }

    var add_button = function()
    {
        ...
    }

}

我该怎么做？

Answer 1

看起来您只需要摆脱“这个”。 在add_button（）前面

您将add_button声明为局部变量（或以javascript类起作用的怪异方式私有），因此它实际上不是“ this”的成员。

只需使用：

a.onclick = function(){add_button();}

Answer 2

它不工作的原因是， this在上下文onclick功能是不一样的this在上下文n功能/“下课”。 如果您希望this函数内等同于this从类，你需要绑定 this的功能。

绑定是一种更改函数范围的方法-本质上，如果绑定到函数，则将替换this变量以指向其他对象。 您可以在此替代思想文章中阅读有关Java绑定的更多信息。

例如，如果您使用的是prototype ，则可以执行以下操作：

function n()
{
    var make = function()
    {
        ...
        a.onclick = function() { this.add_button() }.bind(this);
        ...
    }
}

这会将class n的this绑定到onclick函数，从而产生您想要的效果。

Answer 3

“ this.add_button（）;”中的“ this” 如果我没记错的话，实际上是指没有“ add_button（）”功能的锚元素本身。

也许这会工作：

a.onclick = function() { n.add_button(); }