En JavaScript, quelle est la différence entre "content = document.get ..." et "var content = document.get ..."

Question

Je suis un didacticiel qui a un exemple de code qui fonctionne, mais ne fait pas sens. J'ai lu que c'est une bonne pratique de codage d'utiliser "var" lors de la définition des variables, mais cet exemple ne semble pas fonctionner lorsque vous utilisez l'instruction "var".

function initiate() 
{ 
    content=document.getElementById("secContent"); 
    var button=document.getElementById("send"); 
    button.addEventListener("click", read, false); 
} 

Le code ci-dessus fonctionne, mais en utilisant le même code et en ajoutant "var" au "content = document.getElementById ..." ça casse. Je veux comprendre pourquoi cette différence apparemment subtile fait une si grande différence.

Answer 1

Cela a déjà été dit dans les commentaires, mais très probablement, vous avez défini une variable globale avec le nom "content". Il n'est pas possible de "redéfinir" la variable dans une fonction (alors c'est une variable locale ).

Il est recommandé de changer votre variable locale nom quand il n'a rien à voir avec la variable globale , parce que votre fonction modifie la variable globale , qui peut briser le code.