Tilgå variabler i klasse

Mener du:

function MyClass()
{
    var MyVar = 2;
}

  var m = new MyClass();
  m.MyVar=7913;
  alert(m.MyVar);

Ja, altså hvis man skal angive den rigtigt:

function MyClass()
{
    this.MyVar = 2;
}

En var i en funktion i Javascript, der bruges som klasse, den findes slet ikke.

Det jeg gerne vil, er at kunne bruge de 7913 inde i funktionen/klassen. Her får vist 2.

function MyClass()
{
    var MyVar = 2;

    this.ShowValue = ShowValue;
    function ShowValue() { alert(MyVar); }
}

var m = new MyClass();
m.MyVar=7913;
m.ShowValue();

function MyClass()
{
    this.MyVar = 2;

    this.ShowValue = ShowValue;
    function ShowValue() { alert(this.MyVar); }
}

var m = new MyClass();
m.MyVar=7913;
m.ShowValue();

Det virker. Mit spørgsmål gik nok primært på, om det er muligt at undgå at sætte this foran alle variabler i klassen. Ikke at det gør det helt store. Men måske der var en tredje løsning.

Det tror jeg ikke - men læs nogle gode eksempler, og følg dem.

Ok. Du må gerne lægge et svar, hvis du vil have points.

Jeg samler slet ikke på point, tak. Svar selv, accepter dit eget svar.

-

Erik? Jeg løb lige ind i et problem. Hvis jeg prøver at bruge MyVar i en ny funktion, er den pludselig "undefined". Kan du regne ud hvorfor?

function MyClass()
{
    this.MyVar = 2;

    this.ShowValue = ShowValue;
    function ShowValue2() { alert(this.MyVar); }
    function ShowValue() { ShowValue2(); }
}

var m = new MyClass();
m.MyVar=7913;
m.ShowValue();

Det er normalt ikke helt sådan man putter metoder på klasser, men man kan godt:

    function MyClass()
{
    this.MyVar = 2;

    this.ShowValue = ShowValue;
    this.ShowValue2 = ShowValue2;
    function ShowValue2() { alert(this.MyVar); }
    function ShowValue() { this.ShowValue2(); }
}

var m = new MyClass();
m.MyVar=7913;
m.ShowValue();


Ellers læs fx: http://www.kevlindev.com/tutorials/javascript/inheritance/index.htm  (Adding a Method)

Tak for linket. Jeg har nu lavet lidt om, så det faktisk virker, men nu får jeg et velkendt problem ved brug af settimeout. Det vil glæde mig, hvis du også har et svar på den.

function MyClass()
{
    this.MyVar = 2;

    MyClass.prototype.ShowValue2 = function() { alert(this.MyVar); }
    MyClass.prototype.ShowValue = function() { setTimeout(this.ShowValue2, 500); }
}

var m = new MyClass();
m.MyVar=7913;
m.ShowValue();

Grunden til at jeg får en alert med "undefined" igen er vel, at metoden ikke kan findes globalt, men hvordan kan jeg løse det?

Det kender jeg ikke løsningen på. Første parameter til setTimeout er en streng med at javascript-statement. Og det kan man ikke formulere som sådan i en class. Mig bekendt.

Nu fandt jeg en løsning - som virker i alt andet end Explorer :(

this.ShowValue = function() { setTimeout(function(thisObj) { thisObj.ShowValue2(); }, 500, this); }

Prøv f.eks.

me = this;
MyClass.prototype.ShowValue = function() { setTimeout('me.ShowValue2()', 500); }

Ja, det virker faktisk også i IE, men kan jeg sende parametre med til ShowValue2() ??

Det burde du kunne ved at sætte dem ind i tekst-strengen:

MyClass.prototype.ShowValue = function(myValue) { setTimeout('me.ShowValue2('+myValue+')', 500); }

Det virker slet ikke for mig, når jeg sætter det i quotes. Kun sådan her:

me = this;
setTimeout(function() { me.ShowValue2(); }, 500);

Nej, du har ret. Det virker også, som du skriver. Men jeg kan simpelthen ikke få til at spille, hvis ShowValue2 kalder sig selv med settimeout. Nogen idé om hvad fejlen er?

this.prototype.ShowValue2()
{
me = this;
setTimeout('me.ShowValue2()', 500);
}

Min fejl. setTimeout og funktion med parametre kan gøres sådan:

setTimeout(function() { me.ShowValue2(myValue); }, 500);