Как использовать «это» в Javascript

Question

У меня есть этот кусок кода:

this.json.each(function(obj, index) {
    var li = new Element('li');
    var a = new Element('a', {
        'href': '#',
        'rel': obj.id,
        events: {
            'click': function(e) {

                this.doSteps(this.step + 1); // <-- causing issue

            }
        }   
    });
    var img = new Element('img', {
        'src': imgd + obj.img,
        'alt': obj.name                        
    });
    img.inject(a);
    a.inject(li);
    li.inject(ul);
});

Я получаю сообщение об ошибке "this.doSteps не является функцией" в консоли. Может кто-нибудь помочь мне с этим и объяснить решение.

Заранее спасибо.

Answer 1

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

'click': function(e) {
    this.doSteps(this.step + 1);
}.bind(this)

Это способ MooTools.

Answer 2

Попробуйте захватить его в закрытии:

var li = new Element('li');
var _self = this;
var a = new Element('a', {
    'href': '#',
    'rel': obj.id,
    events: {
        'click': function(e) {

            _self.doSteps(_self.step + 1); // <-- causing issue

        }
    }   
});

Answer 3

Вы можете передать это в каждую функцию с помощью этого.

this.json.each(function(obj, index) {


    }, this);

Answer 4

В строке, вызывающей проблему this относится к объекту, к которому принадлежит функция, то есть к events, который действительно не имеет ни одного члена с именем doSteps.

Answer 5

попробуйте использовать e элемент, над которым вы сейчас работаете

this.json.each(function(obj, index) {
    var li = new Element('li');
    var a = new Element('a', {
        'href': '#',
        'rel': obj.id,
        events: {
            'click': function(e) {

                e.doSteps(e.step + 1); // <-- here the e from the function is your element

            }
        }   
    });
    var img = new Element('img', {
        'src': imgd + obj.img,
        'alt': obj.name                        
    });
    img.inject(a);
    a.inject(li);
    li.inject(ul);
});