How to access to class property?

Question

I have this code:

function myClass() {

    this.tabs = new Array();

    myClass.prototype.focus_tab = function animateTab(nr){
        for(i=0;i<this.tabs.length;i++){
            $('#' + i + '-image').stop().animate(
                { left: '100px' },
                100 , function(){
                    this.tabs[i].step = 1;
                }
            );
        }
}

but function at the end of the animation does not recognize "this.tabs". How to do it well?

There are no classes in Javascript. – corazza May 30 '12 at 16:55 — corazza, May 30 '12 at 16:55
Id's starting with a digit is not valid html. – Madara's Ghost May 30 '12 at 16:56 — Madara's Ghost, May 30 '12 at 16:56

score 3 · Accepted Answer · answered May 30 '12 at 16:54

It's in a a different scope, try:

function myClass() {
  this.tabs = new Array();

  myClass.prototype.focus_tab = function animateTab(nr){
     for(i=0;i<this.tabs.length;i++){
         var mytab = this.tabs[i];
         $('#' + i + '-image').stop().animate({ left: '100px' }, 100 , function(){
             mytab.step = 1;
         }
      );
  }
}

There are some other issues as well, but the comments on the question already adress some of them!

score 0 · Answer 2 · edited May 23 '17 at 12:11

0

This is another example of the classic scoping issue. You only have one i variable, shared for all your callbacks. You need to make a local i for each callback. Changing you callback from:

function(){
    this.tabs[i].step = 1;
}

To:

(function(i){
    return function(){
        this.tabs[i].step = 1;
    }
})(i)

edited May 23 '17 at 12:11

Community

1
1

answered May 30 '12 at 16:53

Paul

139,544
27
275
264

How to access to class property?

2 Answers2