utilisation correcte de javascript de "this"

Question

Laquelle des deux manières suivantes est préférable d'appeler la propriété Color et pourquoi? Ou cela fait-il une différence?

lineSymbolizer:{strokeColor: this.Color, strokeWidth: 2, strokeOpacity: 0.7}, 

OU

lineSymbolizer:{strokeColor: LatLongLines.Color, strokeWidth: 2, strokeOpacity: 0.7}, 

Contexte CODE:

var LatLongLines = { 
    Graticule: null, 
    Color: "#000000", 
    Show: function() { 
     this.Graticule.activate(); 
    }, 
    Hide: function() { 
     this.Graticule.deactivate() 
    }, 
    Initialize: function() { 
     this.Graticule = new OpenLayers.Control.Graticule({ 
      numPoints: 2, 
      labelled: true, 
      lineSymbolizer:{strokeColor: this.Color, strokeWidth: 2, strokeOpacity: 0.7}, 
      labelSymbolizer:{strokeColor: this.Color, strokeWidth: 2, strokeOpacity: 0.7} 
     }); 

     map.addControl(this.Graticule); 
    } 
}; 

Answer 1

Personnellement, je serais probablement bâton avec this.Color. Si vous faites cela, alors les choses continueraient à fonctionner si vous décidiez un jour de cloner l'objet "LatLongLines". Le Tao de this est assez impliqué, mais dans ce cas il s'agira de l'objet contextuel lié d'appeler la fonction "through" la référence "LatLongLines". Si ces fonctions peuvent s'éloigner de l'objet d'origine, alors des mesures doivent être prises pour conserver une mémoire de l'objet de contexte afin qu'il soit correct lors de l'invocation, mais c'est une complication non évidente dans tout ce que vous avez posté.

Answer 2

Ce code ne fonctionnera pas comme prévu.

Votre LatLongLines est un objet simple, mais thisseulement travaux sur instances.

obj.method() 
    ^----- DOT determines the value of this inside the called function 
      If obj is an instance it will be used as 'this' otherwise 
      'this' will default to the global 'window' object 

Alors, soit:

• Vous vous débarrasser de tous les this et utiliser LatLongLines au lieu d'avoir un objet global
• Ou vous créez une instance LatLongLines, de cette façon this fonctionnera, vous pouvez toujours aller pour un singleton (Mais vous savez singleton est toujours l'état global, et l'état global est le mal)

Si vous avez besoin de créer une nouvelle instance faire quelque chose le long de ces lignes:

function LatLongLines() { 
    this.Graticule = null; 
    this.Color = "#000000"; 
}; 


// Let's use prototypical inheritance, these functions are shared between all 
// LatLongLines instances, of course the this always refers the specific instance that was called 
LatLongLines.prototype = { 
    Show: function() { 
     this.Graticule.activate(); 
    }, 

    Hide; function() { 
     this.Graticule.deactivate() 
    }, 

    Initialize: function() { 
     this.Graticule = new OpenLayers.Control.Graticule({ 
      numPoints: 2, 
      labelled: true, 
      lineSymbolizer:{strokeColor: this.Color, strokeWidth: 2, strokeOpacity: 0.7}, 
      labelSymbolizer:{strokeColor: this.Color, strokeWidth: 2, strokeOpacity: 0.7} 
     }); 

     // Maybe you want to pass map in? :) 
     map.addControl(this.Graticule); 
    } 
}; 

var someLines = new LatLongLines(); 

Answer 3

En Javascript, this fait toujours référence à l'élément à gauche du point. Dans cet exemple, vous pouvez voir la même fonction étendue à deux objets this différents.

myObject = { 
    myFunction: function() { 
     console.log(this); // in FF or WebKit 
    } 
}; 

myObject.myFunction(); // this = myObject 

// Now we'll store a reference to our function and call 
// it without the dot notation. 
myFunc = myObject.myFunction; 

myFunc(); // this = window 

Je vous conseille l'utilisation LatLongLines.Color si vous n'êtes pas sûr du contexte de this pour assurer l'accès à la propriété Color de LatlongLines.