1r trimestre Flashcards

(102 cards)

1
Q

Què és JavaScript i per què és important?

A

JavaScript no és un llenguatge nou, és potent, flexible i ràpid. S’utilitza principalment per al funcionament de pàgines web.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Què és la consola a JavaScript?

A

La consola és un terminal que mostra missatges importants, com l’output o errors.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Què és console.log i per a què serveix?

A

console.log és un mètode de l’objecte console que es fa servir per mostrar dades al terminal.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Com es crida al mètode log de l’objecte console? Escriu un exemple.

A

Es crida amb un punt i entre parèntesis les dades que volem mostrar, com en aquest exemple: console.log(28);.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Quin és l’ús dels comentaris a JavaScript?

A

Els comentaris s’utilitzen per descriure el codi i no són accessibles per l’ordinador.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Quins tipus de comentaris hi ha a JavaScript? Posa exemples.

A

Comentari d’una sola línia: // Això és un comentari.
Comentari de múltiples línies:
/* Això és
un comentari
de múltiples línies. */

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Quins són els tipus de dades primitius a JavaScript?

A

Number, BigInt, String, Boolean, Null, Undefined, Symbol.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

I dades en general

A

Number, BigInt, String, Boolean, Null, Undefined, Symbol.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Què és un tipus de dada Number?

A

Inclou qualsevol número, sigui negatiu o decimal.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Quan s’utilitza el tipus de dada BigInt?

A

Quan un número té més de 17 xifres, es mostra amb els primers 17 caràcters i una n al final.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Què és un String? Com es declara?

A

Un String és un conjunt de caràcters entre cometes simples o dobles.
Exemple: ‘Hola’ o “Hola”.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Quins valors pot tenir un Boolean?

A

Pot tenir només dos valors: True o False.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Què significa que una variable té el valor Null?

A

Indica que no té cap valor assignat; és l’absència d’un valor.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Què és Undefined?

A

És una variable a la qual no se li ha assignat cap valor.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Per a què serveixen els Symbols?

A

Els Symbols són identificadors únics, similars a un ID.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Què és un Object a JavaScript?

A

Un Object és un conjunt de dades complexes relacionades.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Què és un operador?

A

Un operador és un caràcter que realitza una tasca dins del codi. JavaScript té operadors predefinits per fer operacions.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Quins són els principals operadors aritmètics a JavaScript?

A

+ (suma)
- (resta)
* (multiplicació)
/ (divisió)
% (residu d’una divisió)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Què significa concatenar strings?

A

És combinar dos o més strings en un de sol. Exemple: “hola”+”mon”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Quines diferències hi ha entre usar + i , per concatenar strings?

A

Amb + els strings es concatenen sense espais addicionals.
Amb , es concatena però afegeix espais automàticament entre els valors.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Exemple de concatenació amb +

A

console.log(‘hello’ + ‘ world’);
Output: helloworld.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Amb ,

A

console.log(‘hello’ , ‘world’);
Output: helloworld.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Què són les propietats a JavaScript?

A

Les propietats són característiques específiques dels tipus de dades i sempre s’escriuen després d’un punt.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Quina és la propietat .length en un string?

A

Indica el nombre de caràcters d’un string, incloent els espais.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Exemple d’ús de .length
console.log('hello'.length); // Output: 5
26
Quina diferència hi ha entre propietats i mètodes?
Les propietats no tenen parèntesis i només mostren informació, mentre que els mètodes tenen parèntesis i realitzen accions.
27
Quins són alguns mètodes útils per a strings?
.toUpperCase(): Converteix el text a majúscules. .startsWith(): Verifica si el text comença amb una seqüència específica. .trim(): Elimina espais en blanc.
28
Exemple d’ús de .toUpperCase()
console.log('hello'.toUpperCase()); // Output: HELLO
29
Què són els objectes predefinits a JavaScript?
Són objectes que ja existeixen per defecte al llenguatge, com console o Math.
30
Què fa Math.random()?
Genera un número aleatori entre 0 i 1.
31
Com es pot generar un número aleatori entre 0 i un altre número, per exemple 50?
console.log(Math.random() * 50);
32
Què fa el mètode .floor() de l’objecte Math?
Arrodoneix un número cap avall al nombre enter més proper.
33
Exemple combinat de Math.random() i .floor()
console.log(Math.floor(Math.random() * 50));
34
Què és una variable?
Una variable és un contenidor que guarda informació a la memòria de l’ordinador.
35
Quines són les tres accions principals que podem fer amb les variables?
Crear-les. Guardar o actualitzar informació. Recuperar informació.
36
Quines paraules clau s’utilitzen per declarar variables a JavaScript?
var, let, i const.
37
Què és var i per què ja no s’utilitza tant?
var és una forma antiga de declarar variables i s’ha substituït per let i const perquè són més segures i flexibles.
38
Quines normes hem de seguir al declarar noms de variables?
No començar amb números ni símbols especials (excepte _). Utilitzar camel case (primer paraula minúscula, següents majúscules). Respectar majúscules i minúscules (case sensitive).
39
Quina és la característica especial de les variables declarades amb let?
El seu valor es pot reassignar o actualitzar.
40
Es pot declarar una variable amb let sense assignar-li un valor?
Sí, però el seu valor inicial serà undefined.
41
Quina és la principal diferència entre const i let?
Les variables declarades amb const no es poden actualitzar ni reassignar.
42
Les variables declarades amb const no es poden actualitzar ni reassignar.
Apareixerà un error de tipus (TypeError).
43
És obligatori assignar un valor inicial a una variable const?
Sí, sinó apareixerà un error de sintaxi (SyntaxError).
44
Què fa un operador d'assignació matemàtic?
Assigna un valor a una variable mitjançant una operació matemàtica.
45
Quin serà l'output del següent codi? let w = 4; w = w + 1; console.log(w);
5
46
Què són els operadors d'increment i decrement?
Són operadors que permeten sumar o restar una unitat a una variable. Increment: ++ Decrement: --
47
Escriu un exemple d'ús de l'operador d'increment:
let a = 5; a++; console.log(a); // Output 6
48
Com es concatenen strings amb variables utilitzant +?
S'utilitza el símbol + per combinar una variable amb altres strings. Exemple: let pet = 'dog'; console.log("I own a " + pet + "."); // Output: I own a dog.
49
Què és la interpolació de strings?
És una altra forma de combinar strings amb variables, utilitzant accent (`) i ${} per insertar variables dins del text.
50
Escriu un exemple de string interpolation
let name = 'Neo'; let city = 'Albacete'; console.log(`My name is ${name}. My favorite city is ${city}.`); // Output: My name is Neo. My favorite city is Al
51
Què fa l'operador typeof?
Comprova el tipus de dada que conté una variable.
52
exemple de typeof
let pet = 'dog'; console.log(typeof pet); // Output: string
53
Què fa una estructura if?
Executa un bloc de codi només si la condició especificada dins dels parèntesis es compleix.
54
Com funciona la instrucció else en un condicional?
Executa un bloc de codi si la condició de l'if no es compleix. És el camí alternatiu.
55
Escriu un exemple d'una estructura if amb else
let sale = false; if (sale) { console.log("Time to buy"); } else { console.log("Is not time"); } // Output: Is not time
56
Què retornen els operadors de comparació?
Retornen un valor booleà (true o false).
57
Quins són els operadors de comparació en JavaScript?
Més petit que: < Més gran que: > Més petit o igual que: <= Més gran o igual que: >= Igualtat estricta: === Diferent de: !==
58
Quin serà l'output de 10 >= 5?
true.
59
Què retorna 7 !== "7"?
true, perquè compara tant el valor com el tipus de dada.
60
Quins són els operadors lògics principals i què fan?
&& (AND): Retorna true només si totes les condicions són true. || (OR): Retorna true si almenys una condició és true. ! (NOT): Inverteix el valor booleà (true a false i viceversa). Bang operator
61
Què és el short-circuiting en els operadors lògics?
És una optimització que deixa d'avaluar condicions si el resultat final ja es pot determinar: Amb &&, si una condició és false, no avalua la resta. Amb ||, si una condició és true, no avalua la resta.
62
Exemple d'operador lògic AND i OR
let isLogged = true; let hasAccess = false; console.log(isLogged && hasAccess); // Output: false console.log(isLogged || hasAccess); // Output: true
63
Quin serà l'output de !true
false.
64
Quins valors són considerats falsy en JavaScript?
"" (cadena buida) 0 null undefined NaN (Not a Number)numero més text false
65
Escriu un exemple d'assignació Truthy and Falsy
let username = ""; let defaultName = username || "Stranger"; console.log(defaultName); // Output: Stranger
66
Què és l'operador ternari i per a què serveix?
És una forma concisa d'escriure un condicional if-else en una sola línia. Sintaxi: condició ? valorSiTrue : valorSiFalse.
67
Escriu un exemple amb un operador ternari
let age = 18; let canVote = age >= 18 ? "Yes" : "No"; console.log(canVote); // Output: Yes ? if : else
68
Let stopLigth = “yellow”; If (stopLight === red){ Consol.log(“stop”); } Elif (stopLight === yellow){ Consol.log(“warn”); } else{ Consol.log(“go”); }
.
69
Què és una estructura switch?
S'utilitza per executar diferents blocs de codi basats en el valor d'una expressió. És útil per avaluar múltiples condicions.
70
Escriu un exemple de switch
let fruit = "apple"; switch (fruit) { case "apple": console.log("You picked an apple!"); break; case "orange": console.log("You picked an orange!"); break; default: console.log("Fruit not available."); break; }
71
Què és una funció en JavaScript?
És un bloc de codi que executa una tasca específica. Es pot reutilitzar tantes vegades com calgui, evitant repetició de codi.
72
Com es declara una funció?
S'utilitza la keyword function, seguida del nom de la funció, parèntesis (per als paràmetres), i un bloc de codi entre { }. Exemple: function greetWorld() { console.log("Hello world"); }
73
Què és el hoisting en funcions?
És un comportament de JavaScript que permet cridar una funció abans de declarar-la. Tot i que funciona, no és recomanable.
74
Com es crida una funció?
Es crida pel seu nom seguit de parèntesis exemple: greetWorld(); // Output: Hello world
75
Què són els paràmetres d'una funció?
Són variables que la funció accepta com a entrada quan és declarada.
76
Què són els arguments d'una funció?
Són els valors que passem a una funció quan la cridem per substituir els paràmetres.
77
Escriu un exemple d'una funció amb paràmetres i arguments
function calculateArea(width, height) { return width * height; } console.log(calculateArea(5, 10)); // Output: 50
78
Què són els default parameters?
Són valors predeterminats per als paràmetres d'una funció, que s'executen si no es proporciona un argument.
79
Escriu un exemple amb default parameters:
function greeting(name = "stranger") { console.log(`Hello, ${name}`); } greeting("Nick"); // Output: Hello, Nick greeting(); // Output: Hello, stranger
80
Què fa la instrucció return?
Retorna un valor des de dins d'una funció, i atura l'execució de la resta del codi dins la funció.
81
Escriu un exemple amb return
function sum(a, b) { return a + b; } let result = sum(3, 7); console.log(result); // Output: 10
82
Què són les funcions d'ajuda (helper functions)?
Són funcions utilitzades dins d'altres funcions per dividir tasques en parts més petites i reutilitzables.
83
Escriu un exemple de funció que utilitzi una altra com a helper
function multiply(a, b) { return a * b; } function calculateCost(price, quantity) { return multiply(price, quantity); } console.log(calculateCost(10, 5)); // Output: 50
84
Què és una function expression?
És una funció assignada a una variable. Sovint s'utilitza com a funció anònima.
85
Escriu un exemple d'una function expression
const greet = function(name) { return `Hello, ${name}`; }; console.log(greet("Alice")); // Output: Hello, Alice
86
Com s'executa una funció definida amb function expression?
Igual que una funció normal, pel nom de la variable seguit de parèntesis. Exemple: const sayHi = function() { console.log("Hi!"); }; sayHi(); // Output: Hi!
87
Quina és la diferència entre una function declaration i una function expression?
Function declaration es pot utilitzar abans de ser declarada, gràcies al hoisting. Function expression no es pot utilitzar abans d'assignar-la, ja que no s'eleva.
88
Què és una arrow function?
És una manera concisa d’escriure funcions en JavaScript, utilitzant la notació => (fletxa) per declarar la funció.
89
Escriu un exemple d’una arrow function
Const planetNeedsWater = (day) => { If (day === “Wenesday){ Return true; } Else{ Return false; } };
90
Quan podem eliminar els parèntesis en una arrow function?
Quan la funció té només un paràmetre. es treuen els { } i els retourn Exemple: const square = x => x * x; console.log(square(5)); // Output: 25
91
Quan podem treure les { } i el return d’una arrow function?
Quan la funció té només una línia de codi
92
Què és el scope en JavaScript?
És el lloc on podem accedir a una variable. Pot ser global o local.
93
Què és el global scope?
És l’espai de memòria general on les variables són accessibles des de qualsevol lloc del programa.
94
Escriu un exemple d’una variable en el global scope
const globalVar = "I'm global"; const showVar = () => { console.log(globalVar); };
95
Què és el local scope?
Són variables declarades dins d’un bloc de codi, accessibles només dins d’aquest bloc.
96
Escriu un exemple d’una variable en el local scope
const displayColor = () => { const color = "blue"; console.log(color); }; displayColor(); // Output: blue console.log(color); // Error: color is not defined
97
Què passa si intentem accedir a una variable local fora del seu bloc?
Genera un ReferenceError perquè la variable no és accessible fora del bloc.
98
Què és la contaminació de scope (scope pollution)?
Passa quan declarem massa variables globals o quan reutilitzem noms de variables globals dins de blocs locals, causant confusió i possibles errors.
99
Quines són les bones pràctiques per evitar la contaminació de scope?
-Declarar variables en el local scope sempre que sigui possible. -Utilitzar noms descriptius i únics per a les variables. -Evitar tenir múltiples variables globals.
100
Per què és millor utilitzar variables locals en lloc de globals?
-Evitem conflictes amb altres variables del programa. -Estalviem memòria, ja que les variables locals només existeixen mentre s’executa el bloc. -Millorem la llegibilitat i manteniment del codi.
101
Escriu una arrow function que utilitzi una variable global i una local:
const globalMessage = "Hello from the global scope"; const showMessages = () => { const localMessage = "Hello from the local scope"; console.log(globalMessage); console.log(localMessage); }; showMessages(); // Output: // Hello from the global scope // Hello from the local scope
102
Com es comporta el scope quan hi ha dues variables amb el mateix nom, una global i una local?
La variable local té prioritat dins del bloc on és declarada. const color = "blue"; const changeColor = () => { const color = "red"; console.log(color); // Output: red }; changeColor(); console.log(color); // Output: blue