javascript - Alcance variable de la clase Mootools

class scope

Question

Toma esta clase:

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 ++;
}
}
});
}
});

¿Cómo guardo el valor de esto.a ? Básicamente estoy tratando de trazar una línea (utilizando lienzo) desde el último punto hasta las coordenadas que acabo de hacer clic.

[EDITAR]

No quiero vincular this ya que aparentemente es malo y anulará las differentClass opciones de clase.

Answer 1

Puede referir el contexto adecuado de esta manera:

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

Answer 2

varios patrones están disponibles.

decorador a través de .bind()

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)
}
}); 

manteniendo una referencia.

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

apuntando a un método myClass que puede manejarlo:

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

el 2do uno: al almacenar una referencia es preferible debido a la menor huella y soporte universal, mientras que .bind no está disponible en todos los navegadores y debe ser recortado, así como el tiempo adicional para curry la función en la ejecución.

self es lo que encontrarás en mootools-core en sí cuando sea posible.

si el rendimiento no está en riesgo, el método 3 probablemente pueda ofrecer la mejor legibilidad y la mejor estructura de códigos. los argumentos para el método seguirán siendo lo que pase el manejador de clics, es decir, event y event event.target será el controlador.

en el patrón n. ° 2 con self , this apuntará al manejador de clics dentro de la función anónima (o a la otra clase, por ejemplo), que también puede ser útil: el contexto de reenlace puede ser una molestia en el cuello