Risolvere problematiche frequenti nel tuo codice JavaScript

Questa traduzione è incompleta. Aiutaci a tradurre questo articolo dall’inglese

R

I link seguenti indicano soluzioni a problematiche frequenti in cui puoi imbatterti quando programmi in javaScript.

Errori comuni dei principianti

Ortografia corretta

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()

Posizione del punto e virgola

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;'

Funzioni

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();

Ambito (scope) della funzione

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.

Eseguire codice posto dopo un istruzione return

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).

Notazione per gli oggetti opposto al normale assegnamento

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
}

Definizioni Base

Casi base d'uso

Arrays

Debugging JavaScript

For more information on JavaScript debugging, see Handling common JavaScript problems. Also, see Other common errors for a description of common errors.

Making decisions in code

Looping/iteration

Intermediate use cases