Hulp uitleg Var en functions

heb nu onderstaande en krijg niet de melding van undefined maar krijg wel de error Cannot read property 'lat' of null.

maar lat is wel te zien in de console als ik dit die oproep in de functie function getLocation(position)

var myLat = position.coords.latitude;

Dat komt dus van position, de parameter, die jij niet meegeeft.
Dus lijkt mij null logisch.

oke. Maar zoals het uitgelegd werd in een tutorial die ik bekeken heb is position een parameter van de navigator.geolocation.getCurrentPosition(getLocation, locationFail);

En hoe komt het dat als ik de console.log oproep in de function getLocation dat ik wel de waardes te zien krijg ?

Toevoeging op 14/08/2014 16:31:52:

Iemand nog een idee ?

>> Iemand nog een idee ?

Pff, we hebben een uurtje niet gereageerd. Blijf onthouden dat we hier allemaal vrijwillig onze vrije tijd opofferen om mensen als jou te helpen...

Het is vrij simpel: Variabelen aangemaakt met het woordje "var" zijn alleen bekend *binnen* de eigen scope:
[code lang=js]
var a = 'hello';

function b() {
alert(a);
}

b(); // zal niet gaan werken, a is niet bekent binnen de scope van de b() functie[/code]

[code lang=js]
function b() {
var a = 'foo';
}

b();
alert(a); // werkt nog steeds niet, a is alleen bekent binnen de scope van de b() functie[/code]

Je kan in verschillende scopes variabelen met dezelfde naam hebben:
[code lang=js]
var a = 'foo';

function b() {
var a = 'bar';
alert('Vanuit b: ' + a); // "Vanuit b: bar"
}

alert('Vanuit base: ' + a); // "Vanuit base: foo"[/code]

Hierop is 1 uitzondering: Anonymous functions krijgen toegang tot de variabelen van de scope waarin ze gedefinieerd zijn:
[code lang=js]
var a = 'foo';

// we slaan nu een Anonymous function op in de variabele b ipv een functie b aanmaken
var b = function () {
alert(a); // "foo"
};[/code]

Wanneer je een variabele definieerd zonder "var" definieer je ze altijd in de global scope (de global scope is overal beschikbaar):
[code lang=js]
a = 'foo';

function b() {
alert(a);
}

b(); // "foo"[/code]

[code lang=js]
function b() {
a = 'bar';
}

b();
alert(a); // "bar"[/code]

Global leaking zoals dat heet, het gebruiken van globale variabelen binnen een functie, moet je altijd vermeiden. Je functie moet namelijk niet afhankelijk zijn van de context waarin hij wordt uitgevoerd, je moet hem in elk willekeurig javascript script kunnen plaatsen zonder dat zijn gedrag anders is.

Bedankt voor je uitleg (excuses kwam misschien een beetje opdringerig over). Maar als ik dan naar onderstaand stukje kijk met vertaling naar je uitleg
er word een variable gedefineerd zonder var(in de global scope ) in de" function position". kan ik deze dan alleen oproepen binnen de function position en niet buiten de function ?

<?php
function initialize() {

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(position);
}
function position(position){
myLat = position.coords.latitude;
console.log(myLat); //wel werkend // (console 51.826433117
}
console.log(myLat);//Niet werkend //myLat is not defined
}
?>

@Wouter
Wat jij zegt klopt niet, variabelen gedeclareerd in de global scope zijn altijd global ongeacht of je er het keyword var voorzet

Ger Weet jij dan misschien hoe ik het werkend kan krijgen ?

ik ben het niet eens met het verhaal van Wouter.
Ik heb even een test script gemaakt.

<script>
    var x = 10;

    function test1()
    {
        var x = 99;
        document.write(x + ' ');
    }


    function test2()
    {
        document.write(x + ' ');
        x++;
    }

    function test3()
    {
        document.write(x + ' ');
    }


    test1();
    test2();
    test3();


</script>

de output hiervan is

99 10 11 

Globaal wordt een var x aangemaakt met de waarde 10.

test1().
deze functie maakt een var genaamd x aan binnen zijn eigen scope met de waarde 99.
Dit wordt dan ook geprint.
Dat er globaal ook een var met de naam x is, beïnvloed elkaar niet: die krijgt niet ineens de waarde 99.

Dat zien we bij de functie test2()
die kent van zichzelf niet een var met de naam x en haalt deze dus "van buiten".
x is nog steeds 10 en dat komt op het scherm.
Daarna verhoogt test2() ook nog eens de waarde (naar 11).

dan komt test3() aan de beurt.
Ook die moet het doen zonder lokale x en haalt hem ook van buiten net als test2()

x is inmiddels 11 geworden, en dat wordt door test3() op het scherm geplaatst.

Toevoeging op 15/08/2014 09:58:46:

dit gaat dus alleen om Wouters eerste blokje code.