Întrebări și răspunsuri la interviu JavaScript
JavaScript (JS) este cel mai popular limbaj de programare compilat și de scripting ușor. A fost dezvoltat de Brendan Eich în 1995 . Este binecunoscut ca limbaj de scripting pentru pagini web, aplicații mobile, servere web și multe altele. Este un limbaj important pentru dezvoltatorii front-end și back-end aspiranți. unele roluri de muncă cer indivizilor să cunoască fluent JavaScript. Este folosit de companii IT de top, cum ar fi Evernote, LinkedIn, Microsoft, Opera, NASA , și Meta din cauza manipulării DOM, a JavaScript asincron, a gestionării erorilor și a cadrelor JavaScript în care poate fi utilizat. Deci, pentru a intra în aceste companii, trebuie să le completați Cele mai importante întrebări despre interviul JavaScript ceea ce te poate face să pari un expert în fața recrutorilor.
În acest articol, vă vom oferi Top Întrebări și răspunsuri la interviu JavaScript croită pentru ambele proaspete și cu experienta profesionisti cu 3, 5 și 8 ani de experiență. Aici acoperim totul, inclusiv Concepte de bază JavaScript , caracteristici ES6+, manipulare DOM, JavaScript asincron, gestionarea erorilor, cadre și biblioteci JavaScript și multe altele, care vă vor ajuta cu siguranță să rezolvați următorul interviu JavaScript.
Întrebări și răspunsuri la interviu JavaScript (2024)
Pentru a vă pregăti pentru interviu, v-am adus Top 50 de întrebări pentru interviul JavaScript pentru incepator, intermediar si experimentat prin care trebuie neapărat să treci pentru a te plasa în topul MNC-urilor.
Înainte de a continua să înveți Întrebări și răspunsuri la interviu JavaScript , mai întâi învățăm complet Tutorial JavaScript .
Cuprins
- Întrebări de interviu cu JavaScript pentru cei proaspăt
- Întrebări pentru interviu JavaScript intermediar
- Întrebări de interviu JavaScript pentru cei cu experiență
Întrebări de interviu cu JavaScript pentru cei proaspăt
Să discutăm câteva întrebări frecvente pe care ar trebui să le pregătiți pentru interviuri. Aceste întrebări vor fi utile în clarificarea interviurilor, în special pentru rolul de dezvoltare frontend.
1. Care sunt diferențele dintre Java și JavaScript?
JavaScript este un limbaj de scripting la nivelul clientului, iar Java este un limbaj de programare orientată pe obiecte. Ambele sunt total diferite una de alta.
- JavaScript : Este un limbaj de programare ponderat (limbaj de scripting) pentru dezvoltarea paginilor web interactive. Poate insera text dinamic în elementele HTML. JavaScript este cunoscut și ca limbajul browserului.
- Java : Java este unul dintre cele mai populare limbaje de programare. Este un limbaj de programare orientat pe obiecte și are o platformă de mașină virtuală care vă permite să creați programe compilate care rulează pe aproape fiecare platformă. Java a promis, scrie o dată, rulează oriunde.
2. Ce sunt tipurile de date JavaScript?
Există trei tipuri majore de date în JavaScript.
- Primitiv
- Numerele
- Siruri de caractere
- boolean
- Simbol
- Banal
- Nedefinit
- Nul
- Compozit
- Obiecte
- Funcții
- Matrice
3. Ce simbol este folosit pentru comentarii în JavaScript?
Comentariile împiedică executarea declarațiilor. Comentariile sunt ignorate în timp ce compilatorul execută codul. Există două tipuri de simboluri pentru a reprezenta comentariile în JavaScript:
- Bară oblică dublă: Este cunoscut ca un comentariu pe o singură linie.
// Single line comment
- Slash cu asterisc: Este cunoscut ca un comentariu pe mai multe rânduri.
/* Multi-line comments ... */
4. Care ar fi rezultatul 3+2+7″?
Aici, 3 și 2 se comportă ca un număr întreg, iar 7 se comportă ca un șir. Deci 3 plus 2 vor fi 5. Atunci rezultatul va fi 5+7″ = 57.
5. La ce folosește funcția isNaN?
Funcția number isNan determină dacă valoarea transmisă este NaN (Nu este un număr) și este de tipul Number. În JavaScript, valoarea NaN este considerată un tip de număr. Returnează true dacă argumentul nu este un număr, altfel returnează false.
6. Care este mai rapid în scriptul JavaScript și ASP?
JavaScript este mai rapid în comparație cu ASP Script. JavaScript este un limbaj de scripting la nivelul clientului și nu depinde de serverul de executat. Scriptul ASP este un limbaj de scripting la nivelul serverului, care se poate baza întotdeauna pe server.
7. Ce este infinitul negativ?
Infinitul negativ este o valoare constantă reprezintă cea mai mică valoare disponibilă. Înseamnă că niciun alt număr nu este mai mic decât această valoare. Poate fi generat folosind o funcție creată de sine sau printr-o operație aritmetică. JavaScript arată valoarea NEGATIVE_INFINITY ca -Infinity.
8. Este posibil să despărțim codul JavaScript în mai multe rânduri?
Da, este posibil să spargeți codul JavaScript în mai multe rânduri într-o instrucțiune șir. Poate fi spart folosind bară oblică inversă „” .
De exemplu:
document.write('A Online Computer Science Portal for Geeks') Linia de spargere a codului este evitată de JavaScript, ceea ce nu este de preferat.
let gfg= 10, GFG = 5, Geeks = gfg + GFG;
9. Ce companie a dezvoltat JavaScript?
Netscape a dezvoltat JavaScript și a fost creat de Brenden Eich în anul 1995.
10. Ce sunt variabilele nedeclarate și nedefinite?
- Nedefinit : Apare atunci când o variabilă este declarată nu atribuie nicio valoare. Nedefinit nu este un cuvânt cheie.
- Nedeclarat : Apare atunci când încercăm să accesăm orice variabilă care nu este inițializată sau declarată mai devreme folosind cuvântul cheie var sau const. Dacă folosim operator „tip de”. pentru a obține valoarea unei variabile nedeclarate, ne vom confrunta cu eroarea de rulare cu valoarea returnată ca nedefinită. Sfera variabilelor nedeclarate este întotdeauna globală.
unsprezece. Scrieți un cod JavaScript pentru adăugarea de elemente noi în mod dinamic.
html Titlu document> cap> <body> <button onclick='create()'>Click aici! butonul> <script>function create() { let geeks = document.createElement('geeks'); geeks.textContent = 'Geeksforgeeks'; geeks.setAttribute('clasa', 'notă'); document.body.appendChild(geeks); } script> body> html>> </pre> </code> <h3> <span>12. </span> <b> <strong>Ce sunt variabilele globale? Cum sunt declarate aceste variabile și care sunt problemele asociate cu ele? </strong> </b> </h3> <p dir='ltr'> <span>În schimb, variabilele globale sunt variabilele care definesc în afara funcțiilor. Aceste variabile au o sferă globală, deci pot fi utilizate de orice funcție fără a le trece funcției ca parametri. </span> </p> <p dir='ltr'> <b> <strong>Exemplu: </strong> </b> <span> </span> </p>javascript <code> <pre>let petName = 'Rocky'; //Global Variable myFunction(); function myFunction() { document.getElementById('geeks').innerHTML = typeof petName + '- ' + 'My pet name is ' + petName; } document.getElementById('Geeks') .innerHTML = typeof petName + '- ' + 'My pet name is ' + petName; </pre> </code> <p dir='ltr'> <span>Este dificil să depanați și să testați codul care se bazează pe variabile globale. </span> </p> <h3> <span>13. </span> <b> <strong>Ce vrei să spui prin NULL în JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Valoarea NULL reprezintă nicio valoare sau niciun obiect. Este cunoscut ca valoare/obiect gol. </span> </p> <h3> <span>14. </span> <b> <strong>Cum să ștergeți valorile specifice proprietății? </strong> </b> </h3> <p dir='ltr'> <span> </span> <span>The </span> <b> <strong>șterge cuvântul cheie </strong> </b> <span>șterge întreaga proprietate și toate valorile simultan </span> </p> <pre>let gfg={Course: 'DSA', Duration:30}; delete gfg.Course; </pre> <h3> <span>cincisprezece. </span> <b> <strong>Ce este o cutie promptă? </strong> </b> </h3> <p dir='ltr'> <span>Caseta de prompt este o casetă de dialog cu un mesaj opțional care solicită utilizatorului să introducă ceva text. Este adesea folosit dacă utilizatorul dorește să introducă o valoare înainte de a intra într-o pagină. Returnează un șir care conține textul introdus de utilizator sau nul. </span> </p> <h3> <span>16. </span> <b> <strong>Care este cuvântul cheie „acest” în JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Funcțiile din JavaScript sunt obiecte esențiale. La fel ca obiectele, poate fi atribuit variabilelor, poate fi transferat la alte funcții și poate reveni din funcții. Și la fel ca obiectele, ele au propriile lor proprietăți. „this” stochează contextul de execuție curent al programului JavaScript. Astfel, atunci când se folosește în interiorul unei funcții, valoarea lui „this” se va schimba în funcție de modul în care funcția este definită, cum este invocată și contextul de execuție implicit. </span> </p> <h3> <span>17. </span> <b> <strong>Explicați funcționarea temporizatoarelor în JavaScript. De asemenea, elucidați dezavantajele utilizării cronometrului, dacă există. </strong> </b> </h3> <p dir='ltr'> <span>Cronometrul execută un anumit cod la un anumit moment sau orice cantitate mică de cod în repetare pentru a face asta de care aveți nevoie pentru a utiliza funcțiile </span> <b> <strong>setTimout </strong> </b> <span>, </span> <b> <strong>setInterval, </strong> </b> <span> </span> <span>și </span> <b> <strong>clearInterval </strong> </b> <span>. Dacă codul JavaScript setează cronometrul la 2 minute și când timpul expiră, pagina afișează un mesaj de alertă. The </span> <b> <strong>setTimeout() </strong> </b> <span>metoda apelează o funcție sau evaluează o expresie după un număr specificat de milisecunde. </span> </p> <h3> <span>18. </span> <b> <strong>Care este diferența dintre ViewState și SessionState? </strong> </b> </h3> <ul> <li value='1'> <b> <strong>ViewState: </strong> </b> <span>Este specific unei singure pagini dintr-o sesiune. </span> </li> <li value='2'> <b> <strong>SessionState: </strong> </b> <span>Este specific utilizatorului care poate accesa toate datele de pe paginile web. </span> </li> </ul> <h3> <span>19. </span> <b> <strong>Cum se trimite un formular folosind JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Poți să folosești </span> <b> <strong>document.form[0].submit() </strong> </b> <span> </span> <span>metoda de trimitere a formularului în JavaScript. </span> </p> <h3> <span>douăzeci. </span> <b> <strong>JavaScript acceptă conversia automată a tipurilor? </strong> </b> <span> </span> </h3> <p dir='ltr'> <span>Da, JavaScript acceptă conversia automată a tipului. </span> </p> <h2 id='javascript-intermediate-interview-questions'> <span>Întrebări de interviu intermediar JavaScript </span> </h2> <h3> <span>21. Care sunt toate structurile de buclă din JavaScript? </span> </h3> <ul> <li value='1'> <b> <strong>buclă while </strong> </b> <b> <strong>: </strong> </b> <span>O buclă while este o instrucțiune de flux de control care permite ca codul să fie executat în mod repetat pe baza unei anumite condiții booleene. Bucla while poate fi gândită ca o declarație if care se repetă. </span> </li> <li value='2'> <a href='/javascript-loop'> <b> <strong>pentru buclă </strong> </b> </a> <b> <strong>: </strong> </b> <span>O buclă for oferă o modalitate concisă de scriere a structurii buclei. Spre deosebire de o buclă while, instrucțiunea for consumă inițializarea, condiția și creșterea/decrementarea într-o singură linie, oferind astfel o structură a buclei mai scurtă și ușor de depanat. </span> </li> <li value='3'> <b> <strong>face în timp ce </strong> </b> <b> <strong>: </strong> </b> <span>O buclă do-while este similară cu bucla while cu singura diferență că verifică condiția după executarea instrucțiunilor și, prin urmare, este un exemplu de buclă de control de ieșire. </span> </li> </ul> <h3> <span>22. Cum poate fi schimbat stilul/clasa unui element? </span> </h3> <p dir='ltr'> <span>Pentru a schimba stilul/clasa unui element există două moduri posibile. Folosim </span> <a href='/html-dom-getelementbyid-method'> <span>metoda document.getElementByID </span> </a> </p> <pre>document.getElementById('myText').style.fontSize = '16px; </pre> <pre>document.getElementById('myText').className = 'class'; </pre> <h3> <span>23. Explicați cum să citiți și să scrieți un fișier folosind JavaScript? </span> </h3> <ul> <li value='1'> <span>The </span> <b> <strong>readFile() </strong> </b> <span>funcțiile este utilizată pentru operația de citire. </span> </li> </ul> <pre>readFile( Path, Options, Callback) </pre> <ul> <li value='1'> <span>The </span> <b> <strong>writeFile() </strong> </b> <span>funcțiile este folosită pentru operația de scriere. </span> </li> </ul> <pre>writeFile( Path, Data, Callback) </pre> <h3> <span>24. Ce se numește Tastare variabilă în JavaScript? </span> </h3> <p dir='ltr'> <span>The </span> <b> <strong>tastare variabilă </strong> </b> <span>este tipul de variabilă folosită pentru a stoca un număr și folosind aceeași variabilă pentru a atribui un șir. </span> </p> <pre>Geeks = 42; Geeks = 'techcodeview.com'; </pre> <h3> <span>25. Cum se transformă șirul oricărei baze în întreg în JavaScript? </span> </h3> <p dir='ltr'> <span>În JavaScript, funcția parseInt() este folosită pentru a converti șirul într-un număr întreg. Această funcție returnează un număr întreg de bază care este specificat în al doilea argument al funcției parseInt(). Funcția parseInt() returnează Nan (nu un număr) atunci când șirul nu conține un număr. </span> </p> <h3> <span>26. Explicați cum să detectați sistemul de operare pe computerul client? </span> </h3> <p dir='ltr'> <span>Pentru a detecta sistemul de operare pe computerul client, se poate folosi pur și simplu proprietatea navigator.appVersion sau navigator.userAgent. Proprietatea Navigator appVersion este o proprietate numai pentru citire și returnează șirul care reprezintă informațiile despre versiunea browserului. </span> </p> <h3> <span>27. Care sunt tipurile de casete pop-up disponibile în JavaScript? </span> </h3> <p dir='ltr'> <span>Există trei tipuri de casete pop disponibile în JavaScript. </span> </p> <ul> <li value='1'> <b> <strong>Alerta </strong> </b> </li> <li value='2'> <b> <strong>A confirma </strong> </b> </li> <li value='3'> <b> <strong>Prompt </strong> </b> </li> </ul> <h3> <span>28. Care este diferența dintre o casetă de alertă și o casetă de confirmare? </span> </h3> <p dir='ltr'> <span>O casetă de alertă va afișa un singur buton, care este butonul OK. Este folosit pentru a informa utilizatorul despre acordul pe care trebuie să-l accepte. Dar o casetă de confirmare afișează două butoane OK și anulare, unde utilizatorul poate decide să fie de acord sau nu. </span> </p> <h3> <span>29. Care este dezavantajul utilizării innerHTML în JavaScript? </span> </h3> <p dir='ltr'> <span>Există o mulțime de dezavantaje ale utilizării </span> <span>innerHTML </span> <span>în JavaScript, deoarece conținutul va înlocui peste tot. Dacă utilizați += ca innerHTML = innerHTML + „html”, tot conținutul vechi este înlocuit cu HTML. Păstrează handlerele de evenimente atașate oricăror elemente DOM. </span> </p> <h3> <span>30. La ce folosește void(0) ? </span> </h3> <p dir='ltr'> <span>The </span> <a href='/what-does-javascript' rel='noreferrer noopener'> <span>nul(0) </span> </a> <span>este folosit pentru a apela o altă metodă fără a reîmprospăta pagina în timpul apelării, parametrul zero va fi trecut. </span> </p> <blockquote> <p dir='ltr'> <span>Pentru citiri suplimentare, consultați articolul nostru dedicat pe </span> <b> <strong>Întrebări intermediare de interviu Javascript </strong> </b> <span>. În interior, vei descoperi peste 20 de întrebări cu răspunsuri detaliate. </span> </p> </blockquote> <h2 id='javascript-interview-questions-for-experienced'> <span>Întrebări de interviu JavaScript pentru cei cu experiență </span> </h2> <h3> <span>31. </span> <b> <strong>Ce este modul „Strict” în JavaScript și cum poate fi activat? </strong> </b> </h3> <p dir='ltr'> <span>Modul strict este o caracteristică nouă în ECMAScript 5 care vă permite să plasați un program sau o funcție într-un context de operare strict. Acest context strict împiedică întreprinderea anumitor acțiuni și aduce mai multe excepții. Declarația use strict indică browserului să folosească modul Strict, care este un set de caracteristici JavaScript redus și mai sigur. </span> </p> <h3> <span>32. </span> <b> <strong>Cum să obțineți statutul unei casete de verificare? </strong> </b> </h3> <p dir='ltr'> <span>Proprietatea casetei de selectare a intrării DOM este utilizată pentru a seta sau a returna starea bifată a unui câmp de casetă de selectare. Această proprietate este utilizată pentru a reflecta atributul HTML Verificat. </span> </p> <pre>document.getElementById('GFG').checked; </pre> <p dir='ltr'> <span>Dacă caseta de verificare este bifată, atunci returnează True. </span> </p> <h3> <span>33. </span> <b> <strong>Cum să explic închiderile în JavaScript și când să le folosești? </strong> </b> </h3> <p dir='ltr'> <span>Închiderea este creată atunci când un copil funcționează pentru a păstra mediul din domeniul de aplicare al părintelui chiar și după ce funcția părintelui a fost deja executată. Închiderea este o variabilă declarată local legată de o funcție. Închiderea va oferi un control mai bun asupra codului atunci când le utilizați. </span> </p>Javascript <code> <pre>// Explanation of closure function foo() { let b = 1; function inner() { return b; } return inner; } let get_func_inner = foo(); console.log(get_func_inner()); console.log(get_func_inner()); console.log(get_func_inner()); </pre> </code> <h3> <span>3. 4. </span> <b> <strong>Care este diferența dintre metodele call() și apply()? </strong> </b> </h3> <p dir='ltr'> <span>Ambele metode sunt utilizate într-o situație diferită </span> </p> <ul> <li value='1'> <b> <strong>call() metoda: </strong> </b> <span>Apelează metoda, luând ca argument obiectul proprietar. Cuvântul cheie aceasta se referă la „proprietarul” funcției sau obiectul căruia îi aparține. Putem numi o metodă care poate fi folosită pe diferite obiecte. </span> </li> <li value='2'> <b> <strong>Apply() Metoda: </strong> </b> <span>Metoda apply() este folosită pentru a scrie metode, care pot fi folosite pe diferite obiecte. Este diferită de funcția call() deoarece preia argumente ca matrice. </span> </li> </ul> <h3> <span>35. </span> <b> <strong>Cum să vizați un anumit cadru dintr-un hyperlink în JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Acest lucru se poate face folosind </span> <b> <strong>ţintă </strong> </b> <span>atribut în hyperlink. Ca </span> </p> <pre> New Page </pre> <h3> <span>36. </span> <b> <strong>Scrieți erorile afișate în JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Există trei tipuri diferite de erori în JavaScript. </span> </p> <ul> <li value='1'> <b> <strong>Eroare de sintaxă: </strong> </b> <span>O eroare de sintaxă este o eroare în sintaxa unei secvențe de caractere sau jetoane care sunt destinate să fie scrise într-un anumit limbaj de programare. </span> </li> <li value='2'> <b> <strong>Eroare logica: </strong> </b> <span>Este cea mai dificilă eroare de urmărit, deoarece este eroarea din partea logică a codării sau eroarea logică este o eroare într-un program care face să funcționeze incorect și să se termine anormal. </span> </li> <li value='3'> <b> <strong>Eroare de rulare: </strong> </b> <span>O eroare de rulare este o eroare care apare în timpul rulării programului, cunoscută și ca excepție. </span> </li> </ul> <h3> <span>37. </span> <b> <strong>Care este diferența dintre JavaScript și Jscript? </strong> </b> </h3> <p dir='ltr'> <b> <strong>JavaScript </strong> </b> </p> <ul> <li value='1'> <span>Este un limbaj de scripting dezvoltat de Netscape. </span> </li> <li value='2'> <span>Este folosit pentru a proiecta aplicații pe partea client și server. </span> </li> <li value='3'> <span>Este complet independent de limbajul Java. </span> </li> </ul> <p dir='ltr'> <b> <strong>Jscript </strong> </b> </p> <ul> <li value='1'> <span>Este un limbaj de scripting dezvoltat de Microsoft. </span> </li> <li value='2'> <span>Este folosit pentru a proiecta conținut online activ pentru cuvântul Wide Web. </span> </li> </ul> <h3> <span>38. </span> <b> <strong>Ce face </strong> </b> <span> </span> <i> <b> <strong>var myArray = [[]]; </strong> </b> </i> <b> <strong>declarația declară? </strong> </b> </h3> <p dir='ltr'> <span>În JavaScript, această declarație este folosită pentru a declara o matrice bidimensională. </span> </p> <h3> <b> <strong>39. De câte moduri poate fi accesat un element HTML în codul JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Există patru moduri posibile de a accesa elementele HTML în JavaScript, care sunt: </span> </p> <ul> <li value='1'> <a href='/html-dom-getelementbyid-method'> <b> <strong>Metoda getElementById(): </strong> </b> </a> <span>Este folosit pentru a obține elementul după numele său de id. </span> </li> <li value='2'> <b> <strong>Metoda getElementsByClass(): </strong> </b> <span>Este folosit pentru a obține toate elementele care au numele de clasă dat. </span> </li> <li value='3'> <b> <strong>Metoda getElementsByTagName(): </strong> </b> <span>Este folosit pentru a obține toate elementele care au numele de etichetă dat. </span> </li> <li value='4'> <b> <strong>Metoda querySelector(): </strong> </b> <span>Această funcție preia selectorul de stil CSS și returnează primul element selectat. </span> </li> </ul> <h3> <b> <strong>40. Care este diferența dintre innerHTML și innerText? </strong> </b> </h3> <p dir='ltr'> <span>Proprietatea innerText setează sau returnează conținutul text ca text simplu al nodului specificat și toți descendenții acestuia, în timp ce proprietatea innerHTML setează sau returnează textul simplu sau conținutul HTML în elemente. Spre deosebire de innerText, inner HTML vă permite să lucrați cu text îmbogățit HTML și nu codifică și decodifică automat textul. </span> </p> <h3> <b> <strong>41. Ce este un eveniment bule în JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Considerați o situație în care un element este prezent în interiorul altui element și ambele se ocupă de un eveniment. Când un eveniment are loc în barbotare, elementul cel mai interior se ocupă mai întâi de eveniment, apoi cel exterior și așa mai departe. </span> </p> <blockquote> <p dir='ltr'> <span>Pentru citiri suplimentare, consultați articolul nostru dedicat despre </span> <b> <strong>Întrebări avansate de interviu Javascript </strong> </b> <span>. În interior, vei descoperi peste 20 de întrebări cu răspunsuri detaliate. </span> </p> </blockquote> <br> <br>
</div>
<!-- Article Footer with Prominent Share Buttons -->
<div class="px-6 md:px-8 py-8 bg-slate-50 dark:bg-slate-900/50 border-t border-slate-200 dark:border-slate-700/50">
<div class="flex flex-col sm:flex-row items-center justify-between gap-6">
<h4 class="text-base font-bold text-slate-700 dark:text-slate-300 uppercase tracking-wide flex items-center gap-2">
<i class="fa fa-share-alt text-tech-500"> </i>
Distribuie </h4>
<div class="flex flex-wrap justify-center gap-3">
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet?text=Întrebări și răspunsuri la interviu JavaScript&url=https://www.techcodeview.com/ro/javascript-interview-questions"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#1DA1F2]/10 text-[#1DA1F2] hover:bg-[#1DA1F2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-twitter text-lg"> </i>
<span class="hidden sm:inline">Twitter </span>
</a>
<!-- Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.techcodeview.com/ro/javascript-interview-questions"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#4267B2]/10 text-[#4267B2] hover:bg-[#4267B2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-facebook text-lg"> </i>
<span class="hidden sm:inline">Facebook </span>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.techcodeview.com/ro/javascript-interview-questions&title=Întrebări și răspunsuri la interviu JavaScript"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#0077b5]/10 text-[#0077b5] hover:bg-[#0077b5] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-linkedin text-lg"> </i>
<span class="hidden sm:inline">LinkedIn </span>
</a>
</div>
</div>
</div>
</article>
<!-- Comments Placeholder / Random Articles -->
<div class="mt-8 bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl p-6 md:p-8 shadow-sm">
<h3 class="text-xl font-bold text-slate-900 dark:text-white mb-6 uppercase tracking-wide border-b border-slate-200 dark:border-slate-700 pb-2">
S-Ar Putea Să Vă Placă </h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="group">
<a href="/ro/vector-class-java" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/java-util-package/16/vector-class-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Clasa Vector în Java" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/ro/vector-class-java">Clasa Vector în Java </a>
</h4>
</div> <div class="group">
<a href="/ro/hill-climbing-algorithm-artificial-intelligence" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/artificial-intelligence/38/hill-climbing-algorithm-artificial-intelligence.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Algoritmul de alpinism în inteligența artificială" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/ro/hill-climbing-algorithm-artificial-intelligence">Algoritmul de alpinism în inteligența artificială </a>
</h4>
</div>
</div>
</div>
</div>
<!-- SECONDARY COLUMN (SIDEBAR) -->
<!-- Aside Column -->
<div class="lg:col-span-4 space-y-8">
<!-- Best Articles Widget -->
<div class="rounded-xl bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 p-6 shadow-sm">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide flex items-center">
<span class="mr-2 h-2 w-2 rounded-full bg-tech-500"> </span>
Top Articole </h2>
</div>
<!-- Owl Carousel Preserved Container -->
<div id="owl-carousel-3" class="owl-carousel owl-theme center-owl-nav">
<!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/difference-between-implosion">
<img src="https://techcodeview.com/img/picked/60/difference-between-implosion.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Diferența dintre implozie și explozie" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/difference-between-implosion" class="hover:text-tech-500 transition-colors line-clamp-3">Diferența dintre implozie și explozie </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/12-months-name-english">
<img src="https://techcodeview.com/img/english-word-play/38/12-months-name-english.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="12 luni Nume în engleză și hindi" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/12-months-name-english" class="hover:text-tech-500 transition-colors line-clamp-3">12 luni Nume în engleză și hindi </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/c-oops-concepts">
<img src="https://techcodeview.com/img/c-tutorial/32/c-oops-concepts.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Concepte C++ OOP" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/c-oops-concepts" class="hover:text-tech-500 transition-colors line-clamp-3">Concepte C++ OOP </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/find-coordinates-of-the-triangle-given-midpoint-of-each-side">
<img src="https://techcodeview.com/img/misc/76/find-coordinates-of-the-triangle-given-midpoint-of-each-side.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Găsiți coordonatele triunghiului dat punctul de mijloc al fiecărei laturi" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/find-coordinates-of-the-triangle-given-midpoint-of-each-side" class="hover:text-tech-500 transition-colors line-clamp-3">Găsiți coordonatele triunghiului dat punctul de mijloc al fiecărei laturi </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/bash-comments">
<img src="https://techcodeview.com/img/bash-tutorial/21/bash-comments.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Comentarii Bash" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/bash-comments" class="hover:text-tech-500 transition-colors line-clamp-3">Comentarii Bash </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/how-get-perfect-1600-sat-score-131286">
<img src="https://techcodeview.com/img/blog/45/how-get-perfect-1600-sat-score.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Cum să obțineți un scor perfect de 1600 SAT, de către un expert cu punctaj complet" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/how-get-perfect-1600-sat-score-131286" class="hover:text-tech-500 transition-colors line-clamp-3">Cum să obțineți un scor perfect de 1600 SAT, de către un expert cu punctaj complet </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/explainer-what-is-oovoo-24254">
<img src="https://techcodeview.com/img/get-informed/45/explainer-what-is-oovoo.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Explicator: Ce este ooVoo?" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/explainer-what-is-oovoo-24254" class="hover:text-tech-500 transition-colors line-clamp-3">Explicator: Ce este ooVoo? </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/difference-between-where">
<img src="https://techcodeview.com/img/sql-tutorial/72/difference-between-where.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Diferența dintre UNDE și A AVE" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/difference-between-where" class="hover:text-tech-500 transition-colors line-clamp-3">Diferența dintre UNDE și A AVE </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/do-colleges-look-freshman-grades-1311300">
<img src="https://techcodeview.com/img/blog/18/do-colleges-look-freshman-grades.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Colegiile se uită la notele bobocilor?" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/do-colleges-look-freshman-grades-1311300" class="hover:text-tech-500 transition-colors line-clamp-3">Colegiile se uită la notele bobocilor? </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/ro/check-if-a-doubly-linked-list-of-characters-is-palindrome-or-not">
<img src="https://techcodeview.com/img/misc/12/check-if-a-doubly-linked-list-of-characters-is-palindrome-or-not.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Verificați dacă o listă de caractere dublu legată este sau nu palindrom" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/ro/check-if-a-doubly-linked-list-of-characters-is-palindrome-or-not" class="hover:text-tech-500 transition-colors line-clamp-3">Verificați dacă o listă de caractere dublu legată este sau nu palindrom </a>
</h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
<!-- Categories -->
<div class="mt-8 mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Categorie </h2>
</div>
<div class="flex flex-wrap gap-2">
<a href="/ro/blog/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Blog
</a> <a href="/ro/java-conversion/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Conversie Java
</a> <a href="/ro/maths/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Matematica
</a> <a href="/ro/java-collections/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Colecții Java
</a> <a href="/ro/differences/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Diferențele
</a> <a href="/ro/java-string/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Șir Java
</a>
</div>
<!-- Interesting Articles Widget -->
<div class="mt-8">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Articole Interesante </h2>
</div>
<div id="owl-carousel-4" class="owl-carousel owl-theme">
<!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/blog/43/what-is-sat-adaptive-testing.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Ce este testarea adaptivă SAT? Cum functioneazã?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/ro/blog/">Blog </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/ro/what-is-sat-adaptive-testing-1311122">Ce este testarea adaptivă SAT? Cum functioneazã? </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/computer/54/how-fix-session-has-expired-error-internet.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Cum se remediază eroarea Sesiunea a expirat pe Internet?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/ro/computer/">Calculator </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/ro/how-fix-session-has-expired-error-internet">Cum se remediază eroarea Sesiunea a expirat pe Internet? </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/sql-server-tutorials/44/sql-server-while-loop.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="SQL Server WHILE LOOP" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/ro/sql-server-tutorials/">Tutoriale Sql Server </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/ro/sql-server-while-loop">SQL Server WHILE LOOP </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/geeks-premier-league-2023/62/how-clear-windows-command-prompt-screen.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Cum să ștergeți ecranul prompt de comandă Windows?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/ro/geeks-premier-league-2023-cat/">Geeks Premier League 2023 </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/ro/how-clear-windows-command-prompt-screen">Cum să ștergeți ecranul prompt de comandă Windows? </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/misc/73/mysql-date-and-time-functions.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Funcții MySQL de dată și oră" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/ro/misc/">Diverse </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/ro/mysql-date-and-time-functions">Funcții MySQL de dată și oră </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/how/92/how-archive-your-facebook-profile.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Cum să: Arhivați profilul dvs. Facebook" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/ro/how/">Cum Să </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/ro/how-archive-your-facebook-profile-242104">Cum să: Arhivați profilul dvs. Facebook </a> </h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
</div>
</div>
</div>
<!-- /Aside Column --> </div>
</div>
</div>
<footer class="site-footer">
<div class="container">
<span class="footer-links">
Copyright ©2026 Toate Drepturile Rezervate |
<a href="//www.techcodeview.com/ro/">techcodeview.com </a> |
<a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Declinare A Răspunderii </a> |
<a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Despre Noi </a> |
<a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politica De Confidențialitate </a>
</span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"> </script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"> </script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"> </script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"> </script>
<script>
!function(){"use strict";let t=document.createElement("button");t.id="toTopBtn",t.innerHTML="↑";let e=`
#toTopBtn {
position: fixed; bottom: 25px; right: 25px; z-index: 9999; opacity: 0; visibility: hidden; background-color: #0ea5e9; color: white; border: none; border-radius: 8px; width: 50px; height: 50px; font-size: 24px; cursor: pointer; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#toTopBtn:hover { background-color: #0284c7; }
`,i=document.createElement("style");i.type="text/css",i.innerText=e,document.head.appendChild(i),document.body.appendChild(t),window.addEventListener("scroll",()=>{let e=window.scrollY||document.documentElement.scrollTop;e>300?(t.style.opacity="1",t.style.visibility="visible"):(t.style.opacity="0",t.style.visibility="hidden")}),t.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}();
</script>
</body>
</html>