Доступ к объекту объекта в связанной функции

Question

Я пытаюсь создать объект и добавить соответствующий элемент DOM, к которому я хотел бы привязать событие, которое запускает функцию. Мой вопрос: возможно ли получить доступ к начальным значениям объекта внутри этой связанной функции?

function Bloc() { 

    this.DOMel; 
    this.ID = Math.round(Math.random() * 1000); 
    this.startPosX; 


    this.init = function() { 
     $('#blocs-container').append('<div class="bloc" data-id="' + this.ID + '"></div>'); 

     this.DOMel = $('.bloc[data-id="' + this.ID + '"]'); 

     this.DOMel.bind('touchstart', function(e) { 
      this.startPosX = e.originalEvent.touches[0].pageX; 
     }); 
    } 

} 

Вот, например, я хотел бы получить доступ и изменить this.startPosX внутри функции, связанной с событием touchstart.

Возможно ли это? Если нет, как мне его обойти?

Спасибо!

Answer 1

Вы могли бы использовать это:

function Bloc() { 
    var self = this; 

    self.startPosX; 

} 

, а затем внутри функции называют его self.startPosX.

Почему это работает?

В переменной self вы храните экземпляр функции Bloc. Когда вы получаете анонимную функцию, которую вы назначаете this.init, изменения контекста и this указывают на экземпляр этой функции. Следовательно, у вас нет доступа к переменным, сохраненным во внешнем контексте, с использованием этого. Однако, используя вышеупомянутый трюк, вы можете использовать self для доступа к контексту, в котором существует startPosX.

Answer 2

Вы потеряли контекст. Попробуйте это:

this.DOMel.bind('touchstart', function(e) { 
    this.startPosX = e.originalEvent.touches[0].pageX; 
}.bind(this)); 

Answer 3

Я получил его также, работая, как только я изменил this.startPosX на var startPosX, и, я думаю, Христос объяснил, почему он работает. Кроме того, я был не в состоянии получить touchstart событие, чтобы работать, пока я не изменил строку ниже:

this.DOMel.bind('touchstart', function(e) { 

в

$('.block[data-id="blocks"]').bind('touchstart', function(e) { 

Обратите внимание, селектор немного другое, потому что я создал несколько дивы для в целях тестирования. Fiddle работает, когда мобильный эмулятор используется для события touchstart.