Wondershare EdrawMind
Galleria mappe mentale Nozioni di base su JS Giorno1
- 4
Nozioni di base su JS Giorno1
Questa è una mappa mentale sulle nozioni di base di JS Day 1. JS è un linguaggio di programmazione che viene eseguito sul client per ottenere effetti di interazione uomo-computer.
Modificato alle 2024-01-18 10:20:27
- Consigliato per te
- Profilo
Nozioni di base su JS Giorno1
Introduzione a JS
Cos'è JS?
È un linguaggio di programmazione che viene eseguito sul client per ottenere effetti di interazione uomo-computer.
La composizione di JS
ECMAScript
Specifica la sintassi di base e la conoscenza di base di js
Ad esempio: variabili, istruzioni di ramo, istruzioni di loop, oggetti, ecc.
API Web
DOM: manipola documenti, come spostare, ridimensionare, aggiungere, eliminare, ecc. Elementi della pagina
BOM: gestione del browser, ad esempio popup di pagina, rilevamento della larghezza della finestra, memorizzazione dei dati nel browser, ecc.
effetto
Effetti speciali della pagina web (monitoraggio di alcuni comportamenti dell'utente per consentire alla pagina web di fornire un feedback corrispondente)
Convalida del modulo (giudicare la legalità dei dati del modulo)
Interazione dei dati (ottenimento di dati in background e rendering sul front-end)
Programmazione lato server (node.js)
Posizione di scrittura JS
JS in linea
JS interno
Scrivi direttamente nel file html e avvolgilo con i tag script
Specifica: il tag script è scritto sopra </body>
Estensione: la pagina alert("Hello, js") visualizza una finestra di dialogo di avviso
JS esterno
Il codice è scritto in un file che termina con .js
Sintassi: introdotta nella pagina HTML tramite tag script
Come scrivere JS
Commento
Commenti a riga singola
simbolo://
Funzione: //La riga di codice a destra verrà ignorata
Tasto di scelta rapida: ctrl/
bloccare i commenti
simbolo:/**/
Effetto: tutto ciò che è compreso tra /* e */ verrà ignorato
Tasto di scelta rapida: maiusc alt a
terminatore
Funzione: usa l'inglese; rappresenta la fine della frase
Situazione reale: nello sviluppo reale, può essere scritta o meno e il browser può dedurre automaticamente la posizione finale dell'affermazione (senza aggiungerla)
Sintassi di input e output JS
Sintassi dell'output
document.write('contenuto da produrre')
Funzione: emette contenuto nel corpo
Nota: se il contenuto di output è scritto in tag, verrà anche analizzato in elementi della pagina web.
alert("contenuto in uscita")
Funzione: la pagina visualizza una finestra di dialogo di avviso
console.log("Stampa da console")
Sintassi dell'output della console, utilizzata dai programmatori per il debug
sintassi di input
prompt("Inserisci il tuo nome:")
Funzione: visualizza una finestra di dialogo che contiene un messaggio di testo per richiedere all'utente di immettere testo.
letterale
JS interroga il sito Web autorevole MDN
variabile
Cosa sono le variabili?
Il "contenitore" utilizzato per archiviare i dati in un computer è semplicemente una scatola.
Il ruolo delle variabili
utilizzato per memorizzare i dati
Utilizzo di base delle variabili
dichiarazione di variabile
Per utilizzare una variabile, devi prima crearla (noto anche come dichiarare una variabile o definire una variabile)
Sintassi: let nome della variabile
La dichiarazione di una variabile è composta da due parti: parola chiave di dichiarazione e nome della variabile (identificazione)
assegnazione variabile
Dopo aver definito una variabile, è possibile inizializzarla. Seguire il nome della variabile con "=" e quindi il valore (Nota: ottenere i dati nella variabile tramite il nome della variabile)
È anche possibile completare l'operazione di assegnazione direttamente quando si dichiara la variabile. Questa operazione è anche chiamata inizializzazione della variabile.
aggiornare la variabile
Dopo che a una variabile è stato assegnato un valore, puoi anche aggiornarla semplicemente assegnandole un valore diverso (nota: let non consente dichiarazioni multiple di una variabile)
Caso variabile: scambio del valore di una variabile
Idea principale: utilizzare una variabile temporanea per l'archiviazione intermedia
Dichiarare più variabili
Dopo che a una variabile è stato assegnato un valore, puoi anche aggiornarla semplicemente assegnandole un valore diverso.
Sintassi: più variabili separate da virgole
Nota: potrebbe sembrare che la lunghezza del codice sia inferiore, ma ciò non è consigliabile. Per una migliore leggibilità, dichiarare solo una variabile per riga
La natura delle variabili
Memoria: il luogo in cui vengono archiviati i dati in un computer, equivalente a uno spazio
L'essenza di una variabile: è un piccolo spazio di memoria utilizzato dal programma per archiviare dati.
Regole di denominazione e specifiche per le variabili
Regole: devono essere seguite, eventuali errori verranno segnalati se non seguite (livello legale
Non è possibile utilizzare parole chiave
Caratteri con significati speciali, parte del vocabolario inglese integrato in JS
Può essere composto solo da trattini bassi, lettere, numeri e $ e i numeri non possono iniziare con esso.
Le lettere fanno distinzione tra maiuscole e minuscole. Ad esempio, Età ed età sono variabili diverse.
specifica
Il nome dovrebbe essere significativo
Rispettare il metodo di denominazione Camel Case: la prima lettera della prima parola è minuscola e la prima lettera di ogni parola successiva è maiuscola, ad esempio: userName
Espansione variabile: la differenza tra let e var
dichiarazione var
Puoi prima usarlo e poi dichiararlo (irragionevole)
Le variabili dichiarate con var possono essere dichiarate ripetutamente (irragionevole)
Ad esempio, promozione delle variabili, variabili globali, nessun ambito a livello di blocco, ecc.
Espansione variabile - array
Sintassi della dichiarazione
lascia nome array = [dati 1, dati 2...dati n]
Gli array vengono salvati in ordine, quindi ogni dato ha il proprio numero
Gli array possono memorizzare qualsiasi tipo di dati
Sintassi del valore
nome dell'array[pedice]
il termine
Elemento: ogni dato memorizzato nell'array è chiamato elemento dell'array.
Pedice: il numero dei dati nell'array
Lunghezza: il numero di dati nell'array, ottenuto tramite l'attributo length dell'array
costante
Utilizzo di base delle costanti
Concetto: le variabili dichiarate utilizzando const sono chiamate "costanti"
Scenario di utilizzo: quando una variabile non cambierà mai, puoi usare const per dichiararla invece di let
Convenzione di denominazione: coerente con le variabili
Utilizzo costante: const G = 9,8
Nota: le costanti non possono essere riassegnate e devono essere assegnate (inizializzate) al momento della dichiarazione.
Suggerimento: utilizzare const per i dati che non necessitano di essere riassegnati
tipo di dati
I tipi di dati JS sono generalmente divisi in due categorie
Tipi di dati di base
numero tipo numerico
I numeri appresi in matematica, gli interi, i decimali, i numeri positivi e i numeri negativi sono collettivamente chiamati tipi di numeri.
Nota: JS è un tipo di dati debole. A quale tipo appartiene una variabile può essere confermato solo dopo la copia. Ad esempio, int a = 3 deve essere un numero intero.
operatori matematici
includere contenuti
Somma
- Trova le differenze
* Trova il prodotto
/ Cerca affari
% Trova il resto
priorità di esecuzione
Moltiplicazione, divisione e resto hanno la stessa priorità.
Le priorità di addizione e sottrazione sono le stesse
Moltiplicazione, divisione e resto hanno una priorità maggiore rispetto ad addizione e sottrazione.
Utilizzare () per aumentare la priorità
NaN
NaN rappresenta un errore di calcolo. È il risultato di un'operazione matematica errata o non definita.
NaN è appiccicoso. Qualsiasi operazione su NaN restituirà NaN
tipo di stringa stringa
definizione
I dati racchiusi tra virgolette singole, doppie e apici inversi sono chiamati stringhe. Essenzialmente non esiste alcuna differenza tra virgolette singole e doppie. Si consiglia di utilizzare virgolette singole.
Precauzioni
Sia le virgolette singole che quelle doppie devono essere utilizzate in coppia
Le virgolette singole e doppie possono essere annidate l'una nell'altra, ma non possono annidarsi da sole.
Se necessario, è possibile utilizzare il carattere escape \ per visualizzare virgolette singole e doppie.
Concatenazione di stringhe
Scenario: l'operatore può realizzare la concatenazione di stringhe
stringa del modello
scene da utilizzare
Concatena stringhe e variabili
Prima che fosse disponibile, era problematico unire le variabili.
grammatica
`` (apice inverso)
Quando unisci il contenuto in variabili, avvolgi le variabili con ${}
document.write(`Ciao a tutti, mi chiamo ${nome}, ho ${età} quest'anno`)
booleano Tipo booleano
Quando esprime affermazione o negazione, il computer corrisponde a dati di tipo booleano, che hanno due valori fissi, vero e falso.
tipo indefinito non definito
Non definito è un tipo speciale con un solo valore non definito
Se dichiari solo una variabile senza assegnare un valore, il valore predefinito della variabile è indefinito. In genere, è raro assegnare direttamente undefinito a una variabile.
Durante lo sviluppo, spesso dichiariamo una variabile e aspettiamo che i dati vengano passati. Se non sai se i dati sono stati passati, puoi verificare se questa variabile non è definita e determinare se l'utente ha passato i dati.
tipo vuoto null
Null in JS è solo un valore speciale che significa "nessuno", "vuoto" o "valore sconosciuto"
La differenza tra indefinito
indefinito significa nessun incarico
null significa che è stato assegnato un valore, ma il contenuto è vuoto
Scenari di utilizzo dello sviluppo
Spiegazione ufficiale: tratta null come un oggetto che non è stato ancora creato
Linguaggio comune: in futuro, ci sarà un oggetto memorizzato in una variabile, ma l'oggetto non è stato ancora creato. Puoi prima dargli null.
Rileva il tipo di dati
tipo di
Come operatore: typeof x (metodo di scrittura comune)
Forma della funzione: typeof(x)
Nota: il risultato è lo stesso con o senza parentesi, quindi utilizza direttamente l'operatore.
Tipo di dati di riferimento
oggetto Oggetto
conversione del tipo
Perché è necessaria la conversione del tipo
JS è un tipo di dati: JS non sa a quale tipo di dati appartiene. Sarà chiaro solo dopo l'assegnazione.
Insidia: i dati ottenuti utilizzando moduli e prompt sono di tipo stringa per impostazione predefinita e le operazioni di aggiunta non possono essere eseguite direttamente in questo momento.
A questo punto è necessario modificare il tipo di dati della variabile
conversione implicita
Quando vengono eseguiti determinati operatori, il sistema converte automaticamente il tipo di dati internamente. Questa conversione è chiamata conversione implicita.
regola
Finché uno dei due lati del numero è una stringa, l'altro verrà convertito in una stringa.
Gli operatori aritmetici diversi da -*/ convertiranno i dati in tipi numerici.
discordanza
Il tipo di conversione non è chiaro e può essere riassunto solo in base all'esperienza.
Suggerimenti
Il segno può essere convertito in un tipo numerico quando analizzato come segno positivo.
Il risultato dell'aggiunta di dati a una stringa è una stringa
Mostra conversione
Non è rigoroso fare troppo affidamento sulla conversione implicita all'interno del sistema quando si scrivono programmi, perché le regole della conversione implicita non sono chiare e si basano per lo più su regole riassunte dall'esperienza. Per evitare problemi causati dalla conversione implicita, i dati vengono solitamente convertiti esplicitamente secondo esigenze logiche.
Concetto: scrivi il tuo codice per indicare al sistema in quale tipo convertire
Converti in tipo numerico
Numero(dati)
Converti in tipo numerico
Se nella stringa non sono presenti cifre, il risultato sarà NaN quando la conversione fallisce, il che significa che non è un numero.
NaN è anche un dato di tipo numerico, che rappresenta un non numero
parselnt(dati)
Mantieni solo numeri interi
analizzareFloat(dati)
I decimali possono essere mantenuti