En aquest tema, aprendrem sobre les variables i els tipus de dades en JavaScript. Les variables són fonamentals per emmagatzemar i manipular dades en els nostres programes. Els tipus de dades defineixen el tipus de valor que una variable pot contenir.
Contingut
Declaració de Variables
En JavaScript, podem declarar variables utilitzant les paraules clau var
, let
i const
.
var
var
té un àmbit de funció o global.- Pot ser redeclarada i el seu valor pot ser reassignat.
let
let
té un àmbit de bloc.- No pot ser redeclarada dins del mateix àmbit, però el seu valor pot ser reassignat.
const
const
té un àmbit de bloc.- No pot ser redeclarada ni el seu valor pot ser reassignat.
Tipus de Dades Primitives
Els tipus de dades primitives són els tipus de dades més bàsics en JavaScript.
Nombre (number
)
Cadena de Text (string
)
Booleà (boolean
)
Undefined
Null
Símbol (symbol
)
BigInt
let granNombre = BigInt(123456789012345678901234567890); console.log(granNombre); // 123456789012345678901234567890n
Tipus de Dades Complexes
Els tipus de dades complexes inclouen objectes i arrays.
Objecte (object
)
Array
Conversió de Tipus
La conversió de tipus és el procés de convertir un valor d'un tipus de dada a un altre.
Conversió a Cadena de Text
Conversió a Nombre
Conversió a Booleà
Exercicis Pràctics
Exercici 1
Declara una variable nom
amb el teu nom i una variable edat
amb la teva edat. Mostra-les per consola.
Exercici 2
Declara una variable esEstudiant
amb el valor true
i una variable curs
amb el valor null
. Mostra-les per consola.
let esEstudiant = true; let curs = null; console.log(esEstudiant); // true console.log(curs); // null
Exercici 3
Converteix la cadena "123"
a un nombre i suma-li 10
. Mostra el resultat per consola.
Exercici 4
Crea un objecte cotxe
amb les propietats marca
i model
. Mostra la marca per consola.
Conclusió
En aquesta secció, hem après com declarar variables utilitzant var
, let
i const
, així com els diferents tipus de dades primitives i complexes en JavaScript. També hem vist com convertir entre diferents tipus de dades. Aquests conceptes són fonamentals per a la programació en JavaScript i ens preparen per a temes més avançats.
JavaScript: De Principiant a Avançat
Mòdul 1: Introducció a JavaScript
- Què és JavaScript?
- Configuració del Teu Entorn de Desenvolupament
- El Teu Primer Programa en JavaScript
- Sintaxi i Conceptes Bàsics de JavaScript
- Variables i Tipus de Dades
- Operadors Bàsics
Mòdul 2: Estructures de Control
- Declaracions Condicionals
- Bucles: for, while, do-while
- Declaracions Switch
- Gestió d'Errors amb try-catch
Mòdul 3: Funcions
- Definició i Crida de Funcions
- Expressions de Funció i Funcions Fletxa
- Paràmetres i Valors de Retorn
- Àmbit i Tancaments
- Funcions d'Ordre Superior
Mòdul 4: Objectes i Arrays
- Introducció als Objectes
- Mètodes d'Objecte i Paraula Clau 'this'
- Arrays: Conceptes Bàsics i Mètodes
- Iteració sobre Arrays
- Desestructuració d'Arrays
Mòdul 5: Objectes i Funcions Avançades
- Prototips i Herència
- Classes i Programació Orientada a Objectes
- Mòduls i Importació/Exportació
- JavaScript Asíncron: Callbacks
- Promeses i Async/Await
Mòdul 6: El Model d'Objectes del Document (DOM)
- Introducció al DOM
- Selecció i Manipulació d'Elements del DOM
- Gestió d'Esdeveniments
- Creació i Eliminació d'Elements del DOM
- Gestió i Validació de Formularis
Mòdul 7: APIs del Navegador i Temes Avançats
- Emmagatzematge Local i de Sessió
- Fetch API i AJAX
- WebSockets
- Service Workers i Aplicacions Web Progressives (PWAs)
- Introducció a WebAssembly
Mòdul 8: Proves i Depuració
- Depuració de JavaScript
- Proves Unitàries amb Jest
- Proves d'Integració
- Proves de Cap a Cap amb Cypress
Mòdul 9: Rendiment i Optimització
- Optimització del Rendiment de JavaScript
- Gestió de Memòria
- Manipulació Eficient del DOM
- Càrrega Per Mandat i Divisió de Codi
Mòdul 10: Frameworks i Llibreries de JavaScript
- Introducció a React
- Gestió d'Estat amb Redux
- Conceptes Bàsics de Vue.js
- Conceptes Bàsics d'Angular
- Triar el Framework Adequat