Sommario[Nascondere][Spettacolo]
- 1. Migliora le tue conoscenze di base
- 2. Utilizzare una strategia orientata agli oggetti
- 3. Utilizzare le funzioni anche se piccole
- 4. Invece di ==, usa ===
- 5. Usa JSLint
- 6. Gli script devono essere posizionati in fondo alla pagina
- 7. Il modo più rapido per creare una stringa
- 8. Aggiungi un commento al tuo codice
- 9. Usa i Template Literals
- 10. Iteratori e per … di Loop
- 11. Usa {} invece di new Object()
- 12. Considera di inserire let e const nel tuo codice
- 13. eval() non è una buona idea
- 14. Lo Spread Operator è utile
- 15. attendi e asincrono
- 16. Utilizzare il metodo includes() in Javascript
- 17. Rimuovere gli elementi da un array utilizzando Splice
- 18. Utilizzare la funzione freccia
- 19. Con Destructuring, puoi assegnare rapidamente valori variabili
- 20. Realizza diversi progetti
- Conclusione
Se sei mai stato interessato allo sviluppo web, probabilmente ti sei imbattuto in JavaScript. Un linguaggio di programmazione orientato agli oggetti è JavaScript. Gli sviluppatori lo utilizzano per rendere dinamico e interattivo il lato client (front-end) delle pagine Web.
Viene anche utilizzato per creare pagine Web e app Web, con HTML e CSS. Al giorno d'oggi non c'è una pagina web su Internet che non abbia codice JavaScript. È diventato un aspetto inestricabile del lavoro di uno sviluppatore.
Anzi, è in costante aumento. Sebbene JavaScript sia meglio riconosciuto per fornire funzionalità alle pagine Web, viene utilizzato anche in ambienti non JavaScript. Node.js, Apache Couch-DB e Adobe Acrobat sono esempi di queste tecnologie. Per eseguire JavaScript, la maggior parte dei browser Web moderni contiene un motore di esecuzione JavaScript integrato. Se vuoi essere uno sviluppatore web di successo, dovrai avere a che fare con JavaScript.
Devi affrontarlo oggi o domani. Perché non imparare JavaScript in anticipo in modo da essere preparato quando sarà il momento?
Questo è ciò che imparerai in questa sessione. Spiega come stare un passo avanti ai tuoi colleghi sviluppatori web perfezionando il tuo JavaScript.
Cominciamo!
1. Migliora le tue conoscenze di base
Inizierò con un pensiero e un'affermazione davvero basilari che hai sentito da quando eri un giovane. Impara i fondamenti e mettili in pratica. Molte volte applicherai la logica con la codifica, ma dimenticherai che esiste già una funzione incorporata, come affettare un array. Quando esegui il codice JavaScript, puoi ricevere un errore e, di conseguenza, molte funzionalità aggiuntive smettono di funzionare.
Ciò può essere causato da due punti singoli o da virgolette. Queste cose si verificano a causa di una mancanza di comprensione dei fondamenti. Molte volte in un singolo programma, viene impiegato un ciclo di base come for, that o do while. I loop sono uno dei costrutti di programmazione più fondamentali.
È abbastanza difficile programmare e persino avere la possibilità di lavorare per un'azienda se non si ha familiarità con i cicli e altri fondamenti. Ripassare i fondamenti è fondamentale poiché forniscono una solida base su cui sviluppare la complicata logica e reputazione di una soluzione.
2. Utilizzare una strategia orientata agli oggetti
Il metodo orientato agli oggetti è l'approccio di programmazione più noto oggi. L'approccio orientato agli oggetti, iniziato con C++, è cresciuto enormemente in popolarità da allora. Oggi, per creare tutti i linguaggi principali viene utilizzata solo la programmazione orientata agli oggetti. Una strategia orientata agli oggetti è quella che si concentra su un oggetto specifico.
L'oggetto diventa quindi un'entità fondamentale. Questo oggetto viene quindi utilizzato per aggiungere attributi e funzioni alla pagina come base. Puoi anche utilizzare il metodo tradizionale di creazione del codice dall'alto verso il basso senza alcuna funzione o oggetto. Questo è troppo ampio e non dovrebbe mai essere tentato. Durante lo sviluppo del codice, dovremmo usare un approccio funzionale e, se utilizziamo le funzioni, dovremmo usare gli oggetti.
Quindi, all'inizio, cerca di convertire il tuo codice esteso in codice orientato agli oggetti e scrivi sempre il tuo codice in uno stile orientato agli oggetti. Quando studi il codice di altre persone, guarderai costantemente le tecniche orientate agli oggetti. Se vuoi padroneggiare JavaScript, è meglio se ci metti le mani sopra.
3. Utilizzare le funzioni anche se piccole
La programmazione con un approccio funzionale è un'ottima strada da percorrere. Come mai? Separa il tuo software in moduli che funzionano insieme ma sono comunque distinti l'uno dall'altro. Lascia che ti faccia un esempio per aiutarti a capire.
La radice quadrata media degli interi può essere calcolata utilizzando una funzione. Per fare ciò, devi quadrare gli interi, calcolare la loro media e quindi calcolare la radice quadrata della media. Ci sono tre fasi nel processo. Di conseguenza, possiamo utilizzare tre funzioni. Ma, come puoi vedere, tutte queste funzioni sono interconnesse. L'output di uno viene inviato a un altro e riceviamo il risultato finale.
Supponiamo che invece di tre funzioni, ne serva semplicemente una per calcolare l'RMS in base a più fattori. La soluzione finale, come puoi vedere, non è corretta. Sarà abbastanza difficile per te determinare cosa è andato storto in un evento così grande a questo punto.
Avere tre minuscole funzioni, invece, ti consentirà di analizzare rapidamente. Di conseguenza, anche se le funzioni sono modeste, utilizzarle per definire moduli di codice distinti. Questa tecnica ti aiuterà a diventare un esperto di JavaScript come per magia.
Ora, diamo un'occhiata ad alcuni suggerimenti per la codifica JavaScript.
4. Invece di ==, usa ===
In JavaScript, ci sono due tipi di operatori di uguaglianza: operatori di uguaglianza rigorosa === e !== e operatori di uguaglianza non rigorosi == e !=. Quando si confronta, è considerata una buona pratica utilizzare sempre l'esatta uguaglianza. Quando si lavora con == e !=, tuttavia, si incontrano problemi quando si ha a che fare con tipi distinti.
Quando i tipi dei valori che stai confrontando sono diversi, gli operatori non severi cercheranno di forzare i loro valori, il che potrebbe portare a risultati imprevisti.
5. Usa JSLint
Douglas Crockford ha creato JSLint, un debugger. Metti semplicemente il tuo script nella scatola e lo analizzerà rapidamente per eventuali bug o difetti.
JSLint esamina un file di origine JavaScript. Se viene rilevato un problema, invia un messaggio con una descrizione del problema e una posizione approssimativa all'interno della fonte. Il problema non è sempre un errore sintattico, anche se è spesso il caso.
JSLint esamina sia le norme stilistiche che le questioni strutturali. Non implica che il tuo software sia accurato. Aggiunge solo un altro paio di occhi per aiutare a rilevare i problemi. Prima di firmare su uno script, eseguilo tramite JSLint per assicurarti di non aver commesso errori.
6. Gli script devono essere posizionati in fondo alla pagina
L'obiettivo principale dell'utente è che la pagina si carichi il più rapidamente possibile. Il browser non può continuare a caricare uno script finché il file completo non è stato caricato. Di conseguenza, l'utente dovrà attendere più a lungo per vedere eventuali progressi.
Se disponi di file JS che vengono utilizzati solo per fornire funzionalità (ad esempio, una volta premuto un pulsante), inseriscili nella parte inferiore della pagina, subito prima del tag body di chiusura. Questa è senza dubbio la pratica migliore.
7. Il modo più rapido per creare una stringa
Quando è necessario eseguire il ciclo di un array o di un oggetto, non utilizzare sempre l'istruzione affidabile for loop. Usa la tua immaginazione per trovare la soluzione più rapida per il compito da svolgere. Non ho intenzione di portarti i numeri; dovrai semplicemente fidarti di me (o testare te stesso).
Questa è di gran lunga la tecnica più veloce.
8. Aggiungi un commento al tuo codice
All'inizio può sembrare inutile, ma fidati di me quando dico che dovresti commentare il tuo codice il più spesso possibile. Cosa succede se torni al progetto mesi dopo e non riesci a ricordare il tuo processo di pensiero originale?
Cosa succede se il tuo codice deve essere aggiornato da uno dei tuoi colleghi? Le aree importanti del tuo codice dovrebbero sempre essere commentate.
9. Usa i Template Literals
I vincoli delle stringhe create con virgolette doppie o singole sono numerosi. Per rendere il lavoro con loro molto più semplice, potresti scegliere di sostituire alcune delle tue stringhe con letterali modello.
Il carattere backtick (') viene utilizzato per creare valori letterali del modello, il che presenta numerosi vantaggi. Puoi usarli per archiviare espressioni o per creare stringhe su più righe.
Come puoi vedere, a differenza di una stringa letterale convenzionale costruita con virgolette singole o doppie, non abbiamo dovuto entrare e uscire ripetutamente dal nostro letterale modello. Questo riduce al minimo la probabilità di errori di battitura e ci consente di scrivere un codice più pulito.
10. Iteratori e per … di Loop
Gli iteratori sono oggetti in JavaScript che implementano il metodo next() per restituire un oggetto che memorizza il valore successivo in una sequenza, nonché true o false a seconda che siano rimasti altri valori. Ciò significa che se si implementa il protocollo iteratore, è possibile creare i propri oggetti iteratore.
Ci sono alcuni iteratori incorporati in JavaScript, come String, Array, Map e così via. Puoi usare for... of loop per scorrere su di essi. Rispetto ai normali cicli for, questo è più conciso e meno soggetto a errori. Non è necessario tenere traccia della lunghezza completa dell'array o dell'indice corrente utilizzando un ciclo for...of. Quando si progettano loop nidificati, ciò potrebbe aiutare a semplificare il codice.
11. Usa {} invece di new Object()
In JavaScript, puoi creare oggetti in vari modi. L'uso del nuovo costruttore, come mostrato, è un modo più convenzionale. Questa strategia, d'altra parte, è contrassegnata come "pratica scadente".
Non è distruttivo, ma è un po' prolisso e unico. Propongo invece di usare la tecnica dell'oggetto letterale.
12. Considera di inserire let e const nel tuo codice
Possiamo usare la parola chiave let per creare variabili locali che hanno come ambito il proprio blocco. Possiamo usare la parola chiave const per costruire variabili locali con ambito di blocco che non possono essere modificate.
Quando dichiari le variabili, dovresti considerare di utilizzare le parole chiave let e const quando applicabile. Ricorda che la parola chiave const disabilita solo la riassegnazione. Non rende nemmeno immutabile la variabile.
13. eval() non è una buona idea
Il metodo eval(), per chi non lo sapesse, ci permette di accedere al compilatore di JavaScript. In sostanza, possiamo usare eval per eseguire il risultato di una stringa fornendolo come input ().
Questo non solo rallenterà significativamente il tuo script, ma offre anche un notevole problema di sicurezza poiché conferisce al testo passato troppa autorità. Evitalo a tutti i costi!
14. Lo Spread Operator è utile
Hai mai avuto bisogno di trasmettere tutti gli elementi in un array come singoli elementi a un'altra funzione o hai bisogno di inserire tutti i valori da un array in un altro? Questo è esattamente ciò che l'operatore di diffusione (...) ci consente di ottenere. Ecco un'illustrazione.
15. attendi e asincrono
Crea funzioni asincrone usando la parola chiave async, che restituisce sempre una promessa, in modo esplicito o implicito.
La parola chiave await può essere utilizzata nelle funzioni asincrone per interrompere l'esecuzione fino al completamento della risoluzione delle promesse restituite. Al di fuori della tua funzione asincrona, il codice continuerà a funzionare normalmente.
16. Utilizzare il metodo includes() in Javascript
In JavaScript, la funzione include() determina se una stringa contiene i caratteri forniti o se un array contiene l'elemento specificato.
Questo metodo restituisce true se viene rilevata la stringa o l'elemento; in caso contrario, restituisce false. Vale la pena ricordare che la funzione Strings contiene() fa distinzione tra maiuscole e minuscole. Se desideri trovare una corrispondenza con una stringa indipendentemente dal caso, metti semplicemente in minuscolo prima il testo di destinazione.
17. Rimuovere gli elementi da un array utilizzando Splice
Per rimuovere un elemento da un array, ho visto gli sviluppatori utilizzare la funzione di eliminazione. Ciò è errato perché, anziché eliminare l'oggetto, il metodo delete lo sostituisce con undefined.
Il modo più semplice per rimuovere un elemento da un array a seconda del suo valore in JavaScript è utilizzare la funzione indexOf() per ottenere il numero di indice di quel valore nell'array, quindi eliminare quel valore di indice con il metodo splice().
18. Utilizzare la funzione freccia
Le funzioni delle frecce sono un'altra importante caratteristica che è stata appena aggiunta a JavaScript.
Hanno un sacco di vantaggi. Per cominciare, rendono le parti funzionali di JavaScript più visivamente accattivanti e più facili da scrivere. Tuttavia, l'uso delle funzioni freccia rende questo molto più leggibile e conciso.
19. Con Destructuring, puoi assegnare rapidamente valori variabili
In precedenza in questo post, abbiamo appreso dell'operatore di diffusione in JavaScript. La destrutturazione è simile alla destrutturazione in quanto decomprime anche i dati contenuti negli array.
La distinzione è che questi valori non compressi possono essere assegnati a variabili distinte. La sintassi è identica a quella del collegamento [] quando si forma un array. Le parentesi, tuttavia, questa volta sono posizionate sul lato sinistro dell'operatore di assegnazione. Ecco un'illustrazione.
20. Realizza diversi progetti
Qualsiasi talento richiede pratica costante, quindi cerca di costruire una varietà di progetti per affinare le tue capacità e acquisire esperienza con una varietà di scenari di programmazione.
Mentre lavori ai progetti, sperimenterai diverse sfide e difetti, che ti forniranno le competenze necessarie. Quindi cerca di elaborare progetti e ci sono una miriade di idee ed esempi su Internet per aiutarti. Continua a sviluppare codice e le tue capacità miglioreranno.
Conclusione
Potrebbe essere difficile imparare un linguaggio informatico come JavaScript. Se sei seriamente intenzionato a diventare un buon programmatore e assicurarti il tuo primo lavoro, allora queste strategie di apprendimento JavaScript possono aiutarti ad accelerare il tuo processo di apprendimento.
Assicurati di esercitarti con la programmazione su base regolare, prendi appunti approfonditi mentre impari nuove idee e utilizza tutti gli strumenti a te accessibili. Soprattutto, esci e inizia a programmare divertendoti.
Lascia un Commento