JavaScript - Standard e convenzioni di codifica

JavaScript è un linguaggio di programmazione Web utilizzato per sviluppare applicazioni Web e pagine Web e rende interattiva l'applicazione Web. Come qualsiasi altro linguaggio di programmazione, JavaScript ha alcuni standard di codifica e convenzioni. La creazione di programmi di grandi dimensioni e il codice software diventa troppo disordinato e insignificante se gli standard di codifica e le convenzioni del linguaggio di programmazione non sono seguiti.

Gli standard di codifica sono insiemi di regole e principi che definiscono lo stile di programmazione, le tecniche e i metodi di un linguaggio di programmazione. Gli standard di codifica sono una necessità come, senza di loro, ogni dipendente di un'organizzazione svilupperà un programma basato sul loro stile di codifica, creando quindi la confusione e rendendo il debug troppo frenetico. Gli standard e le convenzioni di codifica, quindi entrano in gioco che migliorano la leggibilità del codice, la qualità e il debug.

In questo post, esamineremo gli standard di codifica e le convenzioni di JavaScript, quindi iniziamo.

Rientro e funzione

Le convenzioni di codifica JavaScript affermano che usa due spazi per rientrare in codice JavaScript e non utilizzare mai spazi bianchi finali. Per le funzioni, utilizzare Camelcase e per definire una funzione usa la parola chiave funzione:

funzione myfunc ()
var x = 0;

Nomi variabili

Il nome di una variabile deve iniziare con una lettera e Camelcase viene utilizzato per inizializzare le variabili o le funzioni, il che significa che la prima lettera dovrebbe essere una piccola lettera e se un'altra parola viene aggiunta dopo la prima parola, la prima lettera di quella parola dovrebbe essere capitalizzata.

var fullname = "Jackie Chan";

Spazi, tutte le staffe

Lascia sempre spazi tra operatori come (= + - * /) e virgole:

let name = fname + lname;
const myArray = ["Cat", "Mouse", "Dog"];

Linee guida per oggetti

Per l'uso di oggetti, gli standard di codifica includono i seguenti punti:

• La staffa iniziale deve essere posizionata sulla stessa riga del nome dell'oggetto.
• Tra la proprietà di un oggetto e il suo valore c'è un colon e uno spazio.
• I valori di stringa sono coperti con doppie citazioni.
• I valori numerici sono semplicemente scritti e le citazioni non vengono utilizzate.
• Una virgola viene utilizzata dopo ogni coppia di valore della proprietà tranne l'ultima
• Dopo la staffa di chiusura dell'oggetto, aggiungi un punto e virgola.
• Gli oggetti che hanno meno proprietà possono essere compressi e scritti sulla stessa riga avendo spazi tra le proprietà.

var persona =
Primo nome: "Jackie",
LastName: "Chan",
;
// può anche essere scritto in forma di compressione
var persona = FirstName: "Jackie", LastName: "Chan";

Linee guida per le dichiarazioni

Un'affermazione semplice come l'inizializzazione di una variabile che termina su una singola riga dovrebbe avere un punto e virgola alla fine della linea:

var name = "Jackie Chan";

Per una frase composta, lasciare uno spazio e posizionare una staffa di apertura, dopo di che riempi il resto delle frasi in quella fascia di apertura. Una volta terminate tutte le dichiarazioni, metti una parentesi di chiusura. Va notato che in una frase composta non mettiamo un punto e virgola:

per (i = 0; i < 3; i++)
a *= i;

Lunghezza della linea

La codifica standard e le convenzioni affermano che la lunghezza delle righe maggiori di 80 dovrebbe essere scritta su un'altra riga rompendo la riga originale in modo che il codice diventi più leggibile:

documento.getElementById ("Esempio").InnerHtml =
"Esempio!";

Estensioni di file

Gli standard e le convenzioni di codifica JavaScript affermano che il file HTML dovrebbe avere un .html estensione, il file CSS dovrebbe avere un .CSS L'estensione e il file JavaScript dovrebbero avere un .js estensione.

Loop e condizioni

Dopo l'identificazione di una dichiarazione di controllo e dopo ogni virgola usa lo spazio bianco. Di seguito sono riportate le convenzioni di codifica delle dichiarazioni condizionali e il codice degli standard:

if (condition1 || condition2)
// Alcune affermazioni

else if (condition3 && condition4)
// Alcune altre dichiarazioni

altro
// Dichiarazioni predefinite

Per loop seguire il codice seguente:

per (let i = 0; i < 5; i++)
x += i;

Commenti

I commenti del blocco vengono evitati in base agli standard di codifica e vengono utilizzate convenzioni e commenti di linea. I commenti sono inseriti nel margine sinistro e // sono messi all'inizio.

// un esempio
var name = "jackie";

Conclusione

Gli standard e le convenzioni di codifica sono un insieme di regole che definiscono uno stile, tecniche e metodi del linguaggio di programmazione e sono seguiti per evitare la confusione e migliorare la leggibilità e il debug. Il costo di sviluppo è ridotto e l'integrazione del team diventa molto semplice quando vengono seguiti gli standard di codifica e le convenzioni. In questo post, abbiamo discusso degli standard di codifica JavaScript e delle convenzioni con esempi.