Errori comuni da evitare durante la codifica in javascript

Indipendentemente dal livello di sviluppatore in cui ti trovi, ci sono possibilità che commetterai un errore. Questi errori possono variare dalla sintassi a errori di funzioni complesse che finiranno per causare una serie di errori nell'applicazione. È una buona cosa avere uno sviluppatore senior per guardare il tuo codice e trovare gli errori, ma è meglio che tu impara dai tuoi errori e blunni e migliorarli con il tempo.

Sebbene JavaScript sia una lingua facile da imparare, tuttavia, molti sviluppatori, non importa quanto siano bravi gli sviluppatori, commettono alcuni errori comuni. Questi errori fanno sì che il tuo codice sembri inefficiente, disorganizzato e pieno di errori. Qui, in questo articolo tratteremo gli errori comuni per evitare durante la codifica in JavaScript per rendere il tuo codice libero ed efficiente.

Errori comuni nel tuo codice

Di seguito è riportato l'elenco che abbiamo raccolto per quanto riguarda gli errori comuni commessi da tutti i tipi di sviluppatori in JavaScript. In questo modo puoi capire meglio i concetti ed evitare questi errori in futuro.

Modo errato di posizionare la sceneggiatura:

L'errore più comune che gli sviluppatori fanno è mettere il proprio script in un file HTML in modo errato. Il più delle volte lo script accede agli elementi HTML. Posizionando il tag nella testa di un file HTML causerà un errore. Ecco un esempio:

Ciò non genererà alcun output, mentre il posizionamento del tag script alla fine della pagina risolverà questo problema. Ma comunque, se si desidera utilizzare un tag di script nella testa di un file HTML, aggiungi semplicemente l'attributo "differire"Nel tag script. Ecco un esempio di utilizzo di Defer.

Uso errato di (=), (==), (===) operatori

In JavaScript, un altro errore comune è l'uso errato di "=","==" E "===". IL "="L'operatore è un operatore di assegnazione In JavaScript che viene utilizzato per assegnare valori a diverse variabili.

Mentre, "==" E "==="Gli operatori vengono utilizzati per il confronto. "==" è usato per "sciolto"Confronto di due variabili che ignorano i loro tipi di dati. Mentre "==="È un rigoroso operatore di confronto che controlla il tipo di dati di due variabili.

Di seguito è riportato un esempio per comprendere meglio la differenza di ciascun operatore e migliorare il tuo concetto per evitare tali errori:

Sia x = 55;
Sia y = 55;
Sia z = "55";
console.log (booleano (x == y));
console.log (booleano (x === y));
console.log (booleano (y == z));
console.log (booleano (y === z));

Qui, prima abbiamo assegnato le variabili alcuni valori usando gli operatori di assegnazione "=". Quindi usando gli operatori di confronto abbiamo confrontato i loro valori.

Produzione:

Qui, quando abbiamo confrontato la stringa con un numero, "==" ci ha dato vero perché non ha verificato i tipi di dati di entrambe le variabili. Considerando che "===" ci ha dato falsi, poiché la stricizzazione controlla anche i tipi di dati di variabili.

Aggiunta vs concatenazione

Sia per l'aggiunta di numeri che per le stringhe l'operatore "+" si usa. Per questo motivo otteniamo output diversi. Ad esempio, se aggiungiamo un numero con una stringa numerica, genererà un output diverso rispetto all'aggiunta di due numeri.

Sia x = 5;
Sia y = "5";
Sia z = 20;
console.log (x+y);
console.log (x+z);

Produzione:

Dato che non possiamo definire il tipo di dati in JavaScript mentre dichiariamo variabili e se questi tipi non sono gestiti correttamente, provoca alcuni risultati imprevedibili mostrati attraverso l'esempio sopra.

Undefined vs Null

Entrambi possono apparire simili ma sono totalmente diversi l'uno dall'altro. Non definito è quando non hai assegnato un valore a nessuna variabile. Mentre, Nullo è un valore di assegnazione che può essere assegnato alle variabili. Anche se confronti questi due attraverso un rigoroso operatore di confronto, darà un falso valore. Ecco un esempio:

Sia x;
Sia z = null;
console.log (x);
console.log (z);
console.log (typeof x);
console.log (typeof z);
console.log (booleano (z === x));

Produzione:

Qui, il tipo di non definito è indefinito mentre quello di nullo è un oggetto. Quindi, se confrontato, ha generato falso come output.

Semicolon erroneamente posizionamento

L'errore più comune che gli sviluppatori commettono è posizionare il punto e virgola alla fine di una funzione. Per esempio:

Sia x = 1;
if (x == 19);

console.log ("ciao");

In questo, il posizionamento di ";" Il punto e virgola alla fine della seconda riga eseguirà il blocco di codice dato, indipendentemente dalla condizione.

Produzione:

Per evitare questo tipo di errori, riscrivi il codice come:

In questo modo ha controllato la condizione e quindi non è stata generata alcun output.

Rompere una stringa in javascript

Per rompere una stringa dal centro o iniziare la frase dalla riga successiva, non puoi intenderla. Piuttosto, devi usare il contraccolpo "\" per questo scopo.

lascia x = ""hey \
Là""