Avoir à déclarer des variables javascript dans des fonctions après les avoir déclarées dans les fonctions de portée

Question

Je trouve que pour que mon code fonctionne, je dois déclarer toutes mes variables (ou au moins 80%) et les instancier localement, même si Je l'ai déjà fait dans le cadre d'une fonction de cadrage ... pourquoi est-ce? Par exemple:

$(function() { 
    var cUnit, fUnit, temp, wind, humidity, weatherDescrpt, wData; 
    cUnit = true; 
    fUnit = false; 

    $("#fUnit").click(function() { 
    var cUnit = true; 
    var fUnit = false; 
    toggleTemp(cUnit,fUnit); 
    }); 

    function setAttribute(wData) { 
    cUnit = true; 
    fUnit = false; 
    temp = displayTemp(wData.main.temp,fUnit); 
    } 
}); 

MISE À JOUR --- Je crois avoir enfin trouvé la question ... si un trop grand nombre de déclarations toggleTemp() .. les choses semblent bien aller maintenant

Answer 1

Dans l'exemple que vous ont montré, vous n'avez en fait besoin absolument pas de variables locales (à l'exception du paramètre wData):

$(function() { 
    $("#fUnit").click(function() { 
    toggleTemp(true, false); 
    }); 

    function setAttribute(wData) { // looks like dead code that is called from nowhere 
    displayTemp(wData.main.temp, false); 
    } 
}); 

Bien sûr, vous pouvez (et peut-être devrait) factoriser les constantes des variables locales. Mais alors, vous le feriez ne Déclarez et les affecter dans votre champ de module, nulle part ailleurs:

$(function() { 
    const cUnit = true; 
    const fUnit = false; 
    $("#fUnit").click(function() { 
    toggleTemp(cUnit, fUnit); 
    }); 

    function setAttribute(wData) { 
    displayTemp(wData.main.temp, fUnit); 
    } 
});