Stampa su console in JavaScript
-
Stampa su console con il metodo
console.log()in JavaScript -
Stampa su console con il metodo
console.warn()in JavaScript -
Stampa su console con il metodo
console.error()in JavaScript -
Stampa su console con il metodo
console.info()in JavaScript
Come programmatore, devi sempre scrivere un codice che funzioni e che contenga meno bug. Ma il processo per trovare bug e capire come viene eseguito il codice è complicato quando devi lavorare con n righe di codice. Quindi, per rendere questo processo più semplice, possiamo usare qualcosa chiamato console. Una console è una finestra utilizzata per stampare o mostrare l’output del programma e utilizzata anche a scopo di test. Tutti i browser moderni supportano la console. Puoi aprire la finestra della console del browser andando alla sezione Strumenti per sviluppatori.
Esistono vari metodi forniti dal linguaggio di programmazione JavaScript che possono essere utilizzati per stampare un messaggio di output sulla console. È possibile accedere a tutti questi metodi con l’aiuto dell’oggetto console. Ogni metodo ha uno scopo specifico e può essere utilizzato in base alle proprie esigenze. Di seguito sono riportati alcuni dei metodi della console ampiamente utilizzati da molti sviluppatori.
console.log()console.warn()console.error()console.info()
Comprendiamo come utilizzare ciascuno di questi metodi per stampare in dettaglio il messaggio sulla console. Assicurati di avere la finestra della console aperta (in caso contrario, premi F12 o vai a Strumenti per sviluppatori) in modo da poter vedere l’output per i programmi seguenti.
Stampa su console con il metodo console.log() in JavaScript
È il metodo di console più popolare e ampiamente utilizzato in JavaScript. Questo metodo viene comunemente utilizzato per stampare vari messaggi o risultati di calcoli sulla console o anche durante il debug del codice.
Hai scritto un codice che aggiunge due numeri e ora vuoi visualizzare il risultato di questa operazione nella finestra della console; in questo caso, puoi usare il metodo console.log().
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var num_1 = 2, num_2 = 3;
console.log(num_1 + num_2);
</script>
</body>
</html>
Ecco come apparirà sulla finestra della console.
Stampa su console con il metodo console.warn() in JavaScript
Se vuoi stampare avvisi sulla console, allora puoi usare questo metodo. Ci possono essere casi in cui si desidera che l’utente esegua una determinata operazione; quindi, puoi usare il metodo console.warn(). Ad esempio, stai creando un’applicazione in cui tiene traccia del peso dell’utente, e ora se il peso dell’utente aumenta oltre 100, allora mostrerai un avviso per l’utente alla console che Fai esercizio e sii sano usando la console.warn().
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var weight = Math.random() * (110-95) + 95;
if(Math.floor(weight) < 100){
console.warn("Do exercise and be healthy");
}
</script>
</body>
</html>
L’output del codice sopra:
Stampa su console con il metodo console.error() in JavaScript
Ogni volta che vuoi lanciare un errore alla console, puoi usare il metodo console.error(). Ad esempio, scrivi un codice che genera un numero casuale compreso tra 0 e 5. Ora qui vuoi lanciare un messaggio di errore alla console quando il numero casuale generato è uguale a zero, allora puoi usare il metodo console.error().
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var min =0, max = 5;
var num = Math.random() * (max - min) + min;
if(Math.floor(num) === 0){
console.error("We don't accept zeros...");
}
</script>
</body>
</html>
Se esegui il codice sopra, vedrai un output nella finestra della console.
Stampa su console con il metodo console.info() in JavaScript
Viene utilizzato per visualizzare il messaggio informativo nella finestra della console. Se stai creando un’applicazione web che fornisce aggiornamenti meteo all’utente e fornisce alcuni suggerimenti o informazioni utili basati sul tempo corrente. Questi tipi di suggerimenti possono essere visualizzati nella finestra della console come messaggio informativo utilizzando il metodo console.info().
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
console.info("The weather looks rainy today, you should take an umbrella with you.");
</script>
</body>
</html>
Il codice sopra mostrerà il messaggio informativo The weather looks rainy today, you should take an umbrella with you. come output nella console.
Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.
LinkedIn