1r trimestre

Question 1

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

Answer 1

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

Question 2

Què és la consola a JavaScript?

Answer 2

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

Question 3

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

Answer 3

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

Question 4

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

Answer 4

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

Question 5

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

Answer 5

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

Question 6

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

Answer 6

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. */

Question 7

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

Answer 7

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

Question 8

I dades en general

Answer 8

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

Question 9

Què és un tipus de dada Number?

Answer 9

Inclou qualsevol número, sigui negatiu o decimal.

Question 10

Quan s’utilitza el tipus de dada BigInt?

Answer 10

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

Question 11

Què és un String? Com es declara?

Answer 11

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

Question 12

Quins valors pot tenir un Boolean?

Answer 12

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

Question 13

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

Answer 13

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

Question 14

Què és Undefined?

Answer 14

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

Question 15

Per a què serveixen els Symbols?

Answer 15

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

Question 16

Què és un Object a JavaScript?

Answer 16

Un Object és un conjunt de dades complexes relacionades.

Question 17

Què és un operador?

Answer 17

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

Question 18

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

Answer 18

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

Question 19

Què significa concatenar strings?

Answer 19

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

Question 20

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

Answer 20

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

Question 21

Exemple de concatenació amb +

Answer 21

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

Question 22

Amb ,

Answer 22

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

Question 23

Què són les propietats a JavaScript?

Answer 23

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

Question 24

Quina és la propietat .length en un string?

Answer 24

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

Question 25

Exemple d’ús de .length

Answer 25

console.log(‘hello’.length);
// Output: 5

Question 26

Quina diferència hi ha entre propietats i mètodes?

Answer 26

Les propietats no tenen parèntesis i només mostren informació, mentre que els mètodes tenen parèntesis i realitzen accions.

Question 27

Quins són alguns mètodes útils per a strings?

Answer 27

.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.

Question 28

Exemple d’ús de .toUpperCase()

Answer 28

console.log(‘hello’.toUpperCase());
// Output: HELLO

Question 29

Què són els objectes predefinits a JavaScript?

Answer 29

Són objectes que ja existeixen per defecte al llenguatge, com console o Math.

Question 30

Què fa Math.random()?

Answer 30

Genera un número aleatori entre 0 i 1.

Question 31

Com es pot generar un número aleatori entre 0 i un altre número, per exemple 50?

Answer 31

console.log(Math.random() * 50);

Question 32

Què fa el mètode .floor() de l’objecte Math?

Answer 32

Arrodoneix un número cap avall al nombre enter més proper.

Question 33

Exemple combinat de Math.random() i .floor()

Answer 33

console.log(Math.floor(Math.random() * 50));

Question 34

Què és una variable?

Answer 34

Una variable és un contenidor que guarda informació a la memòria de l’ordinador.

Question 35

Quines són les tres accions principals que podem fer amb les variables?

Answer 35

Crear-les.
Guardar o actualitzar informació.
Recuperar informació.

Question 36

Quines paraules clau s’utilitzen per declarar variables a JavaScript?

Answer 36

var, let, i const.

Question 37

Què és var i per què ja no s’utilitza tant?

Answer 37

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.

Question 38

Quines normes hem de seguir al declarar noms de variables?

Answer 38

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).

Question 39

Quina és la característica especial de les variables declarades amb let?

Answer 39

El seu valor es pot reassignar o actualitzar.

Question 40

Es pot declarar una variable amb let sense assignar-li un valor?

Answer 40

Sí, però el seu valor inicial serà undefined.

Question 41

Quina és la principal diferència entre const i let?

Answer 41

Les variables declarades amb const no es poden actualitzar ni reassignar.

Question 42

Les variables declarades amb const no es poden actualitzar ni reassignar.

Answer 42

Apareixerà un error de tipus (TypeError).

Question 43

És obligatori assignar un valor inicial a una variable const?

Answer 43

Sí, sinó apareixerà un error de sintaxi (SyntaxError).

Question 44

Què fa un operador d’assignació matemàtic?

Answer 44

Assigna un valor a una variable mitjançant una operació matemàtica.

Question 45

Quin serà l’output del següent codi?
let w = 4;
w = w + 1;
console.log(w);

Answer 45

5

Question 46

Què són els operadors d’increment i decrement?

Answer 46

Són operadors que permeten sumar o restar una unitat a una variable.
Increment: ++
Decrement: –

Question 47

Escriu un exemple d’ús de l’operador d’increment:

Answer 47

let a = 5;
a++;
console.log(a); // Output 6

Question 48

Com es concatenen strings amb variables utilitzant +?

Answer 48

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.

Question 49

Què és la interpolació de strings?

Answer 49

És una altra forma de combinar strings amb variables, utilitzant accent (`) i ${} per insertar variables dins del text.

Question 50

Escriu un exemple de string interpolation

Answer 50

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

Question 51

Què fa l’operador typeof?

Answer 51

Comprova el tipus de dada que conté una variable.

Question 52

exemple de typeof

Answer 52

let pet = ‘dog’;
console.log(typeof pet);
// Output: string

Question 53

Què fa una estructura if?

Answer 53

Executa un bloc de codi només si la condició especificada dins dels parèntesis es compleix.

Question 54

Com funciona la instrucció else en un condicional?

Answer 54

Executa un bloc de codi si la condició de l’if no es compleix. És el camí alternatiu.

Question 55

Escriu un exemple d’una estructura if amb else

Answer 55

let sale = false;

if (sale) {
console.log(“Time to buy”);
} else {
console.log(“Is not time”);
}
// Output: Is not time

Question 56

Què retornen els operadors de comparació?

Answer 56

Retornen un valor booleà (true o false).

Question 57

Quins són els operadors de comparació en JavaScript?

Answer 57

Més petit que: <
Més gran que: >
Més petit o igual que: <=
Més gran o igual que: >=
Igualtat estricta: ===
Diferent de: !==

Question 58

Quin serà l’output de 10 >= 5?

Answer 58

true.

Question 59

Què retorna 7 !== “7”?

Answer 59

true, perquè compara tant el valor com el tipus de dada.

Question 60

Quins són els operadors lògics principals i què fan?

Answer 60

&& (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

Question 61

Què és el short-circuiting en els operadors lògics?

Answer 61

É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.

Question 62

Exemple d’operador lògic AND i OR

Answer 62

let isLogged = true;
let hasAccess = false;

console.log(isLogged && hasAccess); // Output: false
console.log(isLogged || hasAccess); // Output: true

Question 63

Quin serà l’output de !true

Answer 63

false.

Question 64

Quins valors són considerats falsy en JavaScript?

Answer 64

”” (cadena buida)
0
null
undefined
NaN (Not a Number)numero més text
false

Question 65

Escriu un exemple d’assignació Truthy and Falsy

Answer 65

let username = “”;
let defaultName = username || “Stranger”;
console.log(defaultName);
// Output: Stranger

Question 66

Què és l’operador ternari i per a què serveix?

Answer 66

És una forma concisa d’escriure un condicional if-else en una sola línia.
Sintaxi: condició ? valorSiTrue : valorSiFalse.

Question 67

Escriu un exemple amb un operador ternari

Answer 67

let age = 18;
let canVote = age >= 18 ? “Yes” : “No”;
console.log(canVote); // Output: Yes
? if
: else

Question 68

Let stopLigth = “yellow”;
If (stopLight === red){
Consol.log(“stop”);
}
Elif (stopLight === yellow){
Consol.log(“warn”);
}
else{
Consol.log(“go”);
}

Answer 68

.

Question 69

Què és una estructura switch?

Answer 69

S’utilitza per executar diferents blocs de codi basats en el valor d’una expressió. És útil per avaluar múltiples condicions.

Question 70

Escriu un exemple de switch

Answer 70

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;
}

Question 71

Què és una funció en JavaScript?

Answer 71

És un bloc de codi que executa una tasca específica. Es pot reutilitzar tantes vegades com calgui, evitant repetició de codi.

Question 72

Com es declara una funció?

Answer 72

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”);
}

Question 73

Què és el hoisting en funcions?

Answer 73

És un comportament de JavaScript que permet cridar una funció abans de declarar-la. Tot i que funciona, no és recomanable.

Question 74

Com es crida una funció?

Answer 74

Es crida pel seu nom seguit de parèntesis
exemple: greetWorld(); // Output: Hello world

Question 75

Què són els paràmetres d’una funció?

Answer 75

Són variables que la funció accepta com a entrada quan és declarada.

Question 76

Què són els arguments d’una funció?

Answer 76

Són els valors que passem a una funció quan la cridem per substituir els paràmetres.

Question 77

Escriu un exemple d’una funció amb paràmetres i arguments

Answer 77

function calculateArea(width, height) {
return width * height;
}
console.log(calculateArea(5, 10)); // Output: 50

Question 78

Què són els default parameters?

Answer 78

Són valors predeterminats per als paràmetres d’una funció, que s’executen si no es proporciona un argument.

Question 79

Escriu un exemple amb default parameters:

Answer 79

function greeting(name = “stranger”) {
console.log(Hello, ${name});
}
greeting(“Nick”); // Output: Hello, Nick
greeting(); // Output: Hello, stranger

Question 80

Què fa la instrucció return?

Answer 80

Retorna un valor des de dins d’una funció, i atura l’execució de la resta del codi dins la funció.

Question 81

Escriu un exemple amb return

Answer 81

function sum(a, b) {
return a + b;
}
let result = sum(3, 7);
console.log(result); // Output: 10

Question 82

Què són les funcions d’ajuda (helper functions)?

Answer 82

Són funcions utilitzades dins d’altres funcions per dividir tasques en parts més petites i reutilitzables.

Question 83

Escriu un exemple de funció que utilitzi una altra com a helper

Answer 83

function multiply(a, b) {
return a * b;
}

function calculateCost(price, quantity) {
return multiply(price, quantity);
}

console.log(calculateCost(10, 5)); // Output: 50

Question 84

Què és una function expression?

Answer 84

És una funció assignada a una variable. Sovint s’utilitza com a funció anònima.

Question 85

Escriu un exemple d’una function expression

Answer 85

const greet = function(name) {
return Hello, ${name};
};

console.log(greet(“Alice”)); // Output: Hello, Alice

Question 86

Com s’executa una funció definida amb function expression?

Answer 86

Igual que una funció normal, pel nom de la variable seguit de parèntesis.
Exemple:
const sayHi = function() {
console.log(“Hi!”);
};
sayHi(); // Output: Hi!

Question 87

Quina és la diferència entre una function declaration i una function expression?

Answer 87

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.

Question 88

Què és una arrow function?

Answer 88

És una manera concisa d’escriure funcions en JavaScript, utilitzant la notació => (fletxa) per declarar la funció.

Question 89

Escriu un exemple d’una arrow function

Answer 89

Const planetNeedsWater = (day) => {
If (day === “Wenesday){
Return true;
}
Else{
Return false; }

};

Question 90

Quan podem eliminar els parèntesis en una arrow function?

Answer 90

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

Question 91

Quan podem treure les { } i el return d’una arrow function?

Answer 91

Quan la funció té només una línia de codi

Question 92

Què és el scope en JavaScript?

Answer 92

És el lloc on podem accedir a una variable. Pot ser global o local.

Question 93

Què és el global scope?

Answer 93

És l’espai de memòria general on les variables són accessibles des de qualsevol lloc del programa.

Question 94

Escriu un exemple d’una variable en el global scope

Answer 94

const globalVar = “I’m global”;

const showVar = () => {
console.log(globalVar);
};

Question 95

Què és el local scope?

Answer 95

Són variables declarades dins d’un bloc de codi, accessibles només dins d’aquest bloc.

Question 96

Escriu un exemple d’una variable en el local scope

Answer 96

const displayColor = () => {
const color = “blue”;
console.log(color);
};

displayColor(); // Output: blue
console.log(color); // Error: color is not defined

Question 97

Què passa si intentem accedir a una variable local fora del seu bloc?

Answer 97

Genera un ReferenceError perquè la variable no és accessible fora del bloc.

Question 98

Què és la contaminació de scope (scope pollution)?

Answer 98

Passa quan declarem massa variables globals o quan reutilitzem noms de variables globals dins de blocs locals, causant confusió i possibles errors.

Question 99

Quines són les bones pràctiques per evitar la contaminació de scope?

Answer 99

-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.

Question 100

Per què és millor utilitzar variables locals en lloc de globals?

Answer 100

-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.

Question 101

Escriu una arrow function que utilitzi una variable global i una local:

Answer 101

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

Question 102

Com es comporta el scope quan hi ha dues variables amb el mateix nom, una global i una local?

Answer 102

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