Javascript et JQuery obtenir le droit ce

Question

J'ai quelques exemples de code qui ressemble à ceci: « et l'intérieure «

var myDrawingArea = new DrawingArea(document.getElementById("drawing_canvas")); 

function DrawingArea(aCanvas) { 
    this.brushSize = 2; 

    this.buildToolbar = (function() { 
     $("#brush-size") 
      .slider({ 
       value: this.brushSize, // this is DrawingArea instance 
       slide: function (event, ui) { 
        //*************** PROBLEM *************** 
        // this is referring to the slider DOM element not my DrawingArea instance 
        // how can I access both the outer "this" and the inner one? 
        this.brushSize = ui.value; 
        $(this).find(".ui-slider-handle").text(this.brushSize); 
       } 
      }) 
      .find(".ui-slider-handle").text(this.brushSize); 
    }); 
} 

Comme il est dit dans le commentaire » comment puis-je accéder à la fois l'extérieur » ce

Answer 1

Vous pouvez stocker une référence à, comme ceci:

function DrawingArea(aCanvas) { 
    var self = this; 
    self.brushSize = 2;  
    self.buildToolbar = (function() { 
     $("#brush-size") 
      .slider({ 
       value: self.brushSize, 
       slide: function (event, ui) { 
        self.brushSize = ui.value; 
        $(this).find(".ui-slider-handle").text(self.brushSize); 
       } 
      }) 
      .find(".ui-slider-handle").text(this.brushSize); 
    }); 
} 

Vous pourrait utiliser thisouself en dehors du rappel slide, mais je pense qu'il est plus clair d'être cohérent.