Javascript interview questions: Ghidul complet pentru pregătirea interviului

Indiferent dacă ești un dezvoltator experimentat sau abia ai început să înveți JavaScript, interviurile tehnice pot fi un adevărat test. În acest articol, vom explora cele mai frecvente întrebări de interviu JavaScript și îți vom oferi exemple pentru a te ajuta să te pregătești mai bine.

Ce este JavaScript și de ce este important pentru dezvoltatori?

JavaScript este un limbaj de programare folosit în dezvoltarea web, având rolul de a face paginile web interactive. Este esențial pentru aproape toate aplicațiile web moderne, iar majoritatea joburilor de dezvoltator web cer cunoștințe temeinice de JavaScript. Indiferent dacă vrei să dezvolți aplicații front-end sau back-end, JavaScript este un limbaj fundamental pentru orice dezvoltator.

De aceea, întrebările de interviu pentru joburile de dezvoltator JavaScript sunt esențiale pentru a evalua cunoștințele tehnice ale candidatului. În acest ghid, vei găsi întrebări de bază, dar și întrebări mai avansate, care te vor ajuta să te pregătești pentru orice tip de interviu.

Întrebări frecvente de interviu JavaScript

Acum să explorăm câteva întrebări de interviu JavaScript care sunt adesea puse de angajatori:

1. Ce este o variabilă în JavaScript și care este diferența între var, let și const?

var a = 10; // var este o variabilă globală sau locală
let b = 20; // let este locală și poate fi reasignată
const c = 30; // const este constantă și nu poate fi reasignată

În JavaScript, var, let și const sunt folosite pentru a declara variabile. Diferența principală între ele este că var are un domeniu de vizibilitate global sau funcțional, în timp ce let și const au un domeniu de vizibilitate de bloc. De asemenea, const este utilizat pentru valori care nu se schimbă.

2. Ce este un closure în JavaScript?

Un closure în JavaScript se referă la funcțiile care "își amintesc" variabilele dintr-un context lexical anterior. Acest concept este important pentru gestionarea datelor și crearea de funcții care pot accesa variabile din afacerea lor.

function outer() {
    let x = 10;
    return function inner() {
        console.log(x); // inner poate accesa x, chiar dacă outer a terminat executarea
    };
}
const myClosure = outer();
myClosure(); // va afișa 10

În exemplul de mai sus, funcția inner are acces la variabila x din funcția outer, chiar dacă funcția outer a terminat executarea. Acesta este un closure!

3. Ce este un callback în JavaScript și cum este folosit?

Un callback este o funcție care este transmisă ca argument unei alte funcții și este apelată ulterior. Callback-urile sunt folosite frecvent în JavaScript pentru a gestiona operațiile asincrone, cum ar fi citirea fișierelor sau manipularea datelor de la servere.

function greeting(name) {
    console.log("Salut, " + name);
}

function processUserInput(callback) {
    let name = prompt("Cum te numești?");
    callback(name);
}

processUserInput(greeting); // va apela greeting cu argumentul name

În acest exemplu, funcția processUserInput primește un callback (funcția greeting) care este apelat cu argumentul introdus de utilizator.

Întrebări avansate de interviu JavaScript

Dacă ai un nivel mai avansat de cunoștințe în JavaScript, interviurile tehnice pot include întrebări care testează abilitățile tale de optimizare a performanței și de gestionare a complexității aplicațiilor web.

1. Explică conceptul de „event delegation” în JavaScript.

„Event delegation” este o tehnică prin care se adaugă un singur handler de eveniment pentru un părinte, iar acest handler gestionează evenimentele pentru toți copiii săi. Este eficient din punct de vedere al performanței, deoarece evită atașarea de mai multe event listener-e pe elemente individuale.

document.getElementById("parent").addEventListener("click", function(event) {
    if (event.target && event.target.matches("button.className")) {
        alert("Butonul a fost apăsat!");
    }
});

În exemplul de mai sus, adăugăm un singur event listener pe elementul părinte, care va răspunde la evenimentele de pe butoanele din interior.

2. Cum funcționează mecanismul „hoisting” în JavaScript?

„Hoisting” este un comportament în JavaScript prin care variabilele și funcțiile sunt ridicate la începutul domeniului lor de vizibilitate. Aceasta înseamnă că poți utiliza variabile și funcții înainte de a le declara, însă pentru variabilele declarate cu let și const, acest lucru nu este posibil.

console.log(x); // va afișa 'undefined'
var x = 5;

foo(); // va funcționa
function foo() {
    console.log("Salut!");
}

În exemplul de mai sus, funcția foo este ridicată, iar variabila x este setată la undefined datorită hoisting-ului.

Întrebări despre performanță și optimizare

În multe interviuri, vei fi întrebat despre cum poți îmbunătăți performanța aplicațiilor web. Iată câteva întrebări tipice:

1. Cum poți optimiza performanța unei aplicații JavaScript?

Există mai multe moduri de a optimiza aplicațiile JavaScript, incluzând:

• Folosirea delegării evenimentelor pentru a reduce numărul de event listeners
• Minimizarea numărului de manipulări ale DOM-ului
• Utilizarea memoizării pentru funcții costisitoare
• Reducerea cererilor de rețea asincrone prin folosirea de cache-uri
• Evitați blocările de scripturi lungi, folosind Web Workers sau taskuri asincrone

2. Ce este „debouncing” și „throttling” și cum îmbunătățesc performanța?

„Debouncing” și „throttling” sunt tehnici utilizate pentru a controla frecvența cu care se execută funcțiile care sunt apelate frecvent, cum ar fi la evenimentele de scroll sau input. „Debouncing” întârzie apelul funcției până când evenimentul s-a oprit pentru o perioadă de timp, iar „throttling” limitează numărul de apeluri într-o perioadă definită.

let debouncedFunction = debounce(function() {
    console.log("Evenimentul a fost procesat!");
}, 200);

window.addEventListener("scroll", debouncedFunction);

Încheiere

Pregătirea pentru un interviu JavaScript poate părea o provocare, dar cu practica și cunoștințele corecte, poți să îți crești șansele de succes. Asigură-te că înțelegi atât conceptele fundamentale ale limbajului JavaScript, cât și tehnici mai avansate pentru a face față întrebărilor tehnice mai dificile. Succes la interviu!