[Javascript] ongelijk waardes

[ZeroXT]

Ik heb even een testcase gemaakt die hieronder te zien is:

JavaScript:

func = function()
{
    var test = 
    {
        van : 1,
        naar : this.van,
        
        functie : function()
        {
            console.log(this.naar);
        }
    }
    
    test.functie();
}

func();

Nu krijg ik de melding dat this.naar undefined is terwijl this.van gelijk is aan 1.
Ik krijg dit maar niet opgelost (en ik moet je zeggen dat ik niet goed weer waar ik op moet googlen), enig idee waarom this.naar niet gelijk is aan this.van en dus aan 1?

[alex3305]

Misschien dat de variabele 'van' nog niet geïnitialiseerd is, op het moment dat 'naar' wordt aangeroepen. Overigens ben ik benieuwd waarom je per se variabele A aan B wilt toewijzen in json.

[RobIII]

Op 't moment dat je "naar" zet verwijst this naar window En window heeft geen "van" Er is simpelweg nog geen "owner" op dat moment.

Leesvoer: http://www.quirksmode.org/js/this.html

In JavaScript this always refers to the “owner” of the function we're executing, or rather, to the object that a function is a method of. When we define our faithful function doSomething() in a page, its owner is the page, or rather, the window object (or global object) of JavaScript. An onclick property, though, is owned by the HTML element it belongs to.

[ Voor 101% gewijzigd door RobIII op 28-04-2011 02:17 ]

[Amras]

RobIII schreef op donderdag 28 april 2011 @ 02:02:
Op 't moment dat je "naar" zet verwijst this naar window En window heeft geen "van" Er is simpelweg nog geen "owner" op dat moment.

Leesvoer: http://www.quirksmode.org/js/this.html

[...]

Verwijst this dan in dit geval niet naar zijn function func, in plaats van naar het window object?

[Bosmonster]

De eigenaar van window.func() is?

[ Voor 4% gewijzigd door Bosmonster op 28-04-2011 08:43 ]

[Makkelijk]

Bosmonster schreef op donderdag 28 april 2011 @ 08:43:
De eigenaar van window.func() is?

Nee, this verwijst wel naar de functie 'func'. Amras heeft gelijk. De eigenaar van window.func.test.functie is namelijk window.func

[ Voor 12% gewijzigd door Makkelijk op 28-04-2011 20:50 ]

[RobIII]

Makkelijk schreef op donderdag 28 april 2011 @ 20:48:
[...]


Nee, this verwijst wel naar de functie 'func'. Amras heeft gelijk. De eigenaar van window.func.test.functie is namelijk window.func

JavaScript:

func = function()
{
    var test =
    {
        x : 1,
        y : this,
        z : this.x,
        
        functie : function()
        {
            console.log(this.x);
            console.log(this.y);
            console.log(this.z);
        }
    }
    
    test.functie();
}

func();

1
Window
undefined

See for yourself

Ik kan er niet al te snel door heen scrubben, maar ik meen dat ergens in deze 50 minuten wel iets zat hierover.

[ Voor 16% gewijzigd door RobIII op 28-04-2011 21:19 ]

[Makkelijk]

Ehmm. Met this.y toon je dus niet the 'this' van 'functie' maar toon je the 'this' van func.test.

De vraag ging over this.naar in 'functie':

Verwijst this dan in dit geval niet naar zijn function func

Ik denk dat er enige spraakverwarring is door het gebruik van 'func' en 'functie' als namen in het initiele voorbeeld en het feit dat er 'this' op 2 plekken staat..

[ Voor 28% gewijzigd door Makkelijk op 28-04-2011 22:00 ]

[RobIII]

Makkelijk schreef op donderdag 28 april 2011 @ 21:58:
Ehmm. Met this.y toon je dus niet the 'this' van 'functie' maar toon je the 'this' van func.test.

Met this.y toon ik dat this === window. En window heeft geen .naar (of .x in mijn geval)

/edit:

Makkelijk schreef op donderdag 28 april 2011 @ 21:58:
Ik denk dat er enige spraakverwarring is door het gebruik van 'func' en 'functie' als namen in het initiele voorbeeld en het feit dat er 'this' op 2 plekken staat..

Ik zie 't even niet meer If you say so

[ Voor 36% gewijzigd door RobIII op 28-04-2011 22:01 ]

[Klaasvaak]

code:

func = function() { 
//    this wijst naar window, func is functie en geen constructor en heeft dus geen instance als relevant object.
    var test = { 
        self : this, //test is een variabele binnen func en geen propertie van func, dus this wijst naar this van func welke window is.
        A : (function() { 
            console.log(test +', '+ this); // test is niet gedefinieerd, this wijst nog steeds naar de this van func.
        }()),

        B : function() { 
            console.log(test +', '+ this); // op het moment dat deze functie aangeroepen wordt is test gedefinieerd, en het relevante object voor functie B. this wijst naar test.
        } 
    } 
    test.B(); 
} 
func();

Zoiets denk ik...

[RobIII]

Klaasvaak schreef op donderdag 28 april 2011 @ 22:20:

code:

            console.log(test +', '+ this); // test is niet gedefinieerd, this wijst nog steeds naar de this van func.

offtopic:
Je weet dat dit ook gewoon kan?

console.log(test, this);

Daarmee krijg je netjes 2 objecten te zien i.p.v. een (naar) string (geforceerde tekst). Daarmee blijven je objecten in de console ook clickable en dus meer info == *win*

console.log("foo", 42, window, "bar", console);

[ Voor 11% gewijzigd door RobIII op 28-04-2011 23:04 ]

[Klaasvaak]

offtopic:
Bedankt, dat was me niet bekend. Ik gebruik meestal nog ouderwets een alert of een innerHTML van een divje om te debuggen, in combinatie met mijn debuglibrary die ik in het vorige millenium heb geschreven. Maar gebruik console.log steeds vaker, dus dit kan nog wel eens van pas gaan komen.