Question

选择这一类:

var MyClass = new Class({
    Implements: [Events, Options],
    initialize: function() {

        this.a = 1;

    },

    myMethod: function() {

        var mc = new differentClass({
            events: {
                onClick: function() {

                    console.log(this.a); // undefined (should be 1, 2, 3 etc)

                    this.a ++;


                }
            }
        });    

    }
});

我如何保留this.a的价值? 我基本上试图从最后一点点到刚刚点击的坐标线(利用运河)。

[EDIT]

我无意约束<代码>this,因为它表面上很坏,并且将超越<代码>的不同类别/代码>。

Answer 1

several patterns are available.

通过<代码>予以更正。

var mc = new differentClass({
    events: {
        click: function() {
             console.log(this.a);
             this.a ++;
        }.bind(this) // binds the scope of the function to the upper scope (myclass)
    }
});

保持参考。

var self = this; // reference parent instance of myClass
var mc = new differentClass({
    events: {
        click: function() {
             console.log(self.a); 
             self.a ++;
        }
    }
});

指出一种能够处理的方法:

handleClick: function() {
    this.a++;
},
myMethod: function() {
    var mc = new differentClass({
        events: {
            click: this.handleClick.bind(this)
        }
    });    
}

第2至第2条——由于印有小足迹和普遍支持,因此倾向于储存提及,而<代码>.bind在每一个浏览器中都无法使用,需要谨慎处理,并且需要额外时间来纠正执行职能。

self is what you will find in mootools-core itself when possible.

if performance is not at risk, method 3 can probably offer the best readability and code structure. the arguments to the method will remain what the click handler passes, i.e. event and event.target will be the handler.

<代码>本身,this将指在匿名功能(或指其他类别)中点击手,这种作用可能也是有益的——重新约束性环境在颈部会是一种疼痛。

Answer 2

你们可以提及适当的背景,例如:

...
myMethod: function() {
    var _this = this;
    var mc = new differentClass({
        events: {
            onClick: function() {
                console.log(_this.a);
                _this.a ++;
            }
        }
    });    
}
...

友情链接