I link seguenti indicano soluzioni a problematiche frequenti in cui puoi imbatterti quando programmi in javaScript.
Se il tuo codice non funziona e/o il browser segnala che qualcosa non è definito, controlla di aver scritto tutti i tuoi nomi di variabili, nomi di funzioni, etc. correttamente.
Alcune comuni funzioni built-in del browser che causano problemi sono:
| Corretto | Sbagliato |
|---|---|
getElementsByTagName() |
getElementbyTagName() |
getElementsByName() |
getElementByName() |
getElementsByClassName() |
getElementByClassName() |
getElementById() |
getElementsById() |
Devi assicurarti di non aver posizionato il punto e virgola nel posto sbagliato, ad esempio :
| Corretto | Sbagliato |
|---|---|
elem.style.color = 'red'; |
elem.style.color = 'red;' |
Ci sono alcune cose che possono andare storte con le funzioni.
Uno degli errori più comuni è dichiarare la funzione ma non chiamarla da nessuna parte. Per esempio:
function myFunction() {
alert('This is my function.');
};
Questo codice non farà nulla, a meno che non venga chiamato con la seguente istruzione:
myFunction();
Ricorda che le funzioni hanno il loro specifico ambito (scope) — non è possibile accedere ad una variabile definita all'interno di una funzione al di fuori di essa, a meno di dichiararla globalmente (ossia fuori da ogni funzione), oppure restituire il valore (return) dalla funzione stessa.
Ricordati anche che quando incontra l'istruzione return, l'interprete JavaScript esce dalla funzione — nessun codice all'interno della funzione verrà eseguito dopo l'istruzione return.
Infatti, alcuni browsers (come Firefox) ti daranno un messaggio di errore nella console dello sviluppatore se hai inserito codice dopo un'istruzione return. Firefox restituirà "unreachable code after return statement" (codice irraggiungibile dopo l'istruzione return).
Quando fai un normale assegnamento in JavaScript, usi un singolo simbolo di uguale, ad es. :
const myNumber = 0;
Con gli Oggetti occorre invece prestare attenzione alla corretta sintassi. L'oggetto deve essere definito delimitandolo con parentesi graffe, i nomi dei membri devono essere separati dai loro valori con i due punti e i membri tra loro da virgole. Per esempio:
const myObject = {
name: 'Chris',
age: 38
}
For more information on JavaScript debugging, see Handling common JavaScript problems. Also, see Other common errors for a description of common errors.
this, in the context of an object?addEventListener() function do, and how do you use it?