Capítol 1 — Hola, JavaScript!

`console.log()`

console.log() és la instrucció més bàsica de JavaScript per mostrar coses. Rep un text entre cometes i el mostra a la consola.

Prem ▶ Executa i observa què apareix a la consola:

La consola mostra Hola, món! — exactament el text que hi havia dins de les cometes. El text que va entre cometes s'anomena string (és a dir, cadena de caràcters).

Fixa't en el ; al final. En JavaScript, cada instrucció s'acostuma a acabar amb un punt i coma. No sempre és obligatori, però és una bona pràctica posar-lo.

Strings i cometes

Un string sempre va envoltat de cometes. En JavaScript pots fer servir:

Cometes dobles: "text"
Cometes simples: 'text'
Cometes invertides (backticks): `text`

Les tres opcions funcionen exactament igual:

Una regla pràctica: si el teu text conté un apòstrof (com a «m'agrada»), fes servir cometes dobles per envoltar-lo. Així JavaScript comprèn bé la sintaxi.

Seqüència: un `console.log()` rere l'altre

Pots encadenar diverses crides a console.log(). JavaScript les executa en ordre, de dalt a baix. Cada crida escriu en una línia nova.

L'ordre importa: la seqüència d'instruccions determina el resultat. Si canvies l'ordre dels console.log(), canvia l'ordre de les línies a la consola.

Comentaris: `//`

Tot el que va després de // a una línia és ignorat per JavaScript. Els comentaris són notes per a tu (i per a qui llegeixi el teu codi).

Comentar una línia de codi és útil per desactivar-la temporalment sense esborrar-la. Només cal posar // al davant.

També existeix el comentari de bloc, que pot ocupar diverses línies, amb /* per obrir i */ per tancar:

Els errors no són fracassos

Quan escrius codi incorrecte, JavaScript s'atura i mostra un missatge d'error a la consola. L'error indica exactament què ha passat. Què cal fer? Es llegeix, es corregeix i es torna a provar.

L'exemple següent té un error deliberat — falta una cometa de tancament. Executa'l i observa el missatge d'error:

Corregeix l'error afegint la cometa que falta i torna a executar. Quan programes, veuràs errors constantment — és completament normal.

Més usos de `console.log()`

console.log() pot mostrar moltes coses, no només text. Pot mostrar nombres directament, és a dir, no cal fer ús de les cometes.

Fixa't en la tercera línia: si passes diversos valors a console.log() separats per comes, JavaScript els mostra tots en la mateixa línia, amb un espai entre ells.

A més, console.log() sense cap argument imprimeix una línia buida. Això és útil per a separar visualment la sortida:

Exercici

Escriu un programa que imprimeixi exactament aquestes quatre línies. Fixa't que la tercera línia és buida:

Em dic JSCat.
Tinc 0 anys.

Aprendrem JavaScript junts!

Resum

Has après quatre coses en aquest capítol:

console.log("text") — mostra text a la consola.
Els strings van entre cometes dobles "...", simples '...' o invertides `...`.
// — marca un comentari de línia (JavaScript l'ignora). /* ... */ — comentari de bloc.
Pots passar diversos valors a console.log() separats per comes.

console.log()