50 najczęściej zadawanych pytań i odpowiedzi związanych z JavaScriptem [2022]

Pytania i odpowiedzi na wywiad JavaScript

W tym artykule zebraliśmy najczęściej zadawane pytania do rozmowy kwalifikacyjnej JavaScript . Te pytania pozwolą ci zapoznać się z rodzajem pytań, które osoba przeprowadzająca wywiad może ci zadać podczas rozmowy kwalifikacyjnej.
JavaScript to język skryptowy, który jest niezwykle przydatny w tworzeniu stron internetowych. Brendan Eich opracował JavaScript w 1995 roku i jest używany przez takich gigantów jak Facebook i Google. Nie da się pojąć wszechstronności JavaScriptu. Ankieterzy zawsze starają się ocenić wiedzę potencjalnego pracownika przed wręczeniem mu listu nominacyjnego.

Dlatego ważne jest, aby odświeżyć swoją wiedzę o JavaScript. Oto niektóre z pytań do rozmowy kwalifikacyjnej Javascript, które może zadać osoba przeprowadzająca rozmowę kwalifikacyjną, jeśli wybierasz się na rozmowę kwalifikacyjną.

Pytania i odpowiedzi do wywiadu javascript zostały podzielone na trzy kategorie:

• Poziom początkujący
• Poziom średniozaawansowany
• Poziom zaawansowany

Pytania i odpowiedzi do rozmowy kwalifikacyjnej Javascript – poziom początkujący

Q1. Czym różnią się JavaScript i Java?

JavaScript to programowanie obiektowe lub język skryptowy OOP. Java to programowanie obiektowe lub język programowania OOP

JavaScript można uruchomić tylko w przeglądarce. Java pomaga w tworzeniu aplikacji, które można uruchomić w przeglądarce lub na maszynie wirtualnej.

JS jest przedstawiony w formie tekstowej. Java wymaga kompilacji

Q2. Co to jest JavaScript?

JavaScript to lekki i interpretowany język programowania o zdolnościach obiektowych. Pomaga rozwinąć interaktywność w statyczne strony HTML..

Q3. Jakie typy danych obsługuje JavaScript?

Istnieje kilka typów danych obsługiwanych przez JavaScript, a mianowicie:

• Boole'a
• Zero
• Strunowy
• Nieokreślony
• Symbol
• Obiekt
• Numer
  
  

Q4. Jakie są różne cechy JavaScript?

• JavaScript to lekki i interpretowany język programowania.
• Został zaprojektowany do tworzenia aplikacji sieciowych.
• Jest komplementarny do Javy i jest z nią zintegrowany.
• JavaScript to wieloplatformowy i otwarty język skryptowy.

P5. Czy w JavaScript jest rozróżniana wielkość liter?

Tak , w JavaScript rozróżniana jest wielkość liter.

P6. Jakie zalety ma JavaScript?

Niektóre zalety to:

• Niższa interakcja z serwerem : za pomocą JavaScript będziesz w stanie zweryfikować wszelkie dane wejściowe użytkownika przed wysłaniem strony na serwer.
• Natychmiastowa informacja zwrotna dla odwiedzających : odwiedzający mogą natychmiast dowiedzieć się, czy zapomnieli coś wprowadzić, jeszcze przed ponownym załadowaniem strony.
• Zwiększenie interaktywności : Dzięki JavaScript możesz tworzyć różne interfejsy, które mogą reagować, gdy użytkownik najedzie na nie myszą lub użyje klawiatury do ich aktywacji.

P7: Jak można stworzyć obiekt za pomocą JavaScript?

Ponieważ JavaScript jest językiem skryptowym programowania zorientowanego obiektowo, obsługuje koncepcję Object. Używając literału Object, możesz utworzyć obiekt.

P8. Jak można użyć JavaScript do stworzenia tablicy?

Jeśli chcesz zdefiniować tablice w JavaScript, możesz to zrobić za pomocą literału tablicy. Przykład:

zmienna x = [];

zmienna y = [1, 2, 3, 4, 5];

P9. Czym jest nazwa funkcji w JavaScript i jak ją zdefiniować?

Nazwana funkcja w JavaScript deklaruje nazwę po jej zdefiniowaniu. Przykład:

funkcja o nazwie(){

// tutaj napisz kod

}

Q10. Czy można przypisać funkcję anonimową do zmiennej, a następnie przekazać ją jako argument do innej funkcji?

Dzięki JavaScript możliwe jest przypisanie funkcji anonimowej do zmiennej i przekazanie jej jako argumentu w innej funkcji.

P11. W JavaScript, co to jest obiekt argumentu i jak można przekazać typy argumentów do funkcji?

Zmienne argumenty w JavaScript reprezentują argumenty, które są przekazywane do funkcji. Możesz użyć operatora typeof, aby uzyskać typ argumentów.

P12. Jakie są zakresy zmiennej w JavaScript?

Zakres zmiennej oznacza region twojego programu, w którym jest zdefiniowana. Istnieją dwa zakresy:

• Zmienne globalne: Zmienna globalna ma zasięg globalny, co oznacza, że ​​będzie widoczna wszędzie w kodzie.
• Zmienne lokalne: Zmienne lokalne będą widoczne tylko w funkcji, w której zostały zdefiniowane.

P13. Co robi operator „This” w JavaScript?

Słowo kluczowe 'This' używane w JavaScript mówi o obiekcie, do którego należy. Ma wiele różnych wartości i zależy od tego, gdzie jest używany.

P14. Co nazywa się „oddzwonieniem”?

Wywołanie zwrotne to funkcja JavaScript przekazana do jakiejś metody jako opcja lub argument. Callback to funkcja, która musi zostać wykonana po zakończeniu wykonywania innej funkcji.

P15. Zdefiniuj zamknięcie?

Zamknięcie powstaje, gdy określona zmienna jest zdefiniowana poza bieżącym zakresem i jest dostępna od wewnątrz z jakimś wewnętrznym zakresem.

P16. Jakie są niektóre metody wbudowane w JavaScript i jakie są przez nie zwracane wartości?

Niektóre z wbudowanych metod i wartości przez nie zwracane to:

Concat() pomaga połączyć dwa lub więcej niż dwa ciągi

CharAt() pomaga zwrócić znak o określonym indeksie

forEach() pomaga wywołać funkcję dla każdego elementu obecnego w tablicy

length() pomaga zwrócić długość ciągu

indexOf() pomaga w zwrocie indeksu wewnątrz wywołującego obiektu String pierwszego wystąpienia określonej wartości

push() pomaga dodać jeden lub więcej niż jeden element na końcu tablicy, a następnie zwrócić nową długość tej tablicy

pop() pomaga usunąć ostatni element z tablicy i zwrócić ten element

reverse() pomaga odwrócić kolejność elementów tablicy

P17. Jakie są konwencje nazewnictwa zmiennych w JavaScript?

Kilka zasad to:

• Nie należy używać żadnego zastrzeżonego słowa kluczowego JavaScript jako nazwy zmiennej.
• Nazwy zmiennych w JavaScript nie mogą zaczynać się od liczby mieszczącej się w zakresie 0-9.
• W nazwach zmiennych w JavaScript rozróżniana jest wielkość liter.

P18. Jaka jest praca Operatora TypeOf?

Operator typeof może być użyty do uzyskania typu danych jego operandu. Określony operand może być strukturą danych lub literałem, takim jak funkcja, obiekt lub zmienna.

P19. Jak utworzyć plik cookie za pomocą JavaScript?

Możesz utworzyć plik cookie w JavaScript, po prostu przypisując wartość ciągu do obiektu document.cookie.

Składnia:

document.cookie = „klucz1 = wartość1; klucz2 = wartość2; wygasa = data”;

P20. Jak używać JavaScript do odczytywania plików cookie?

Możesz odczytać plik cookie tak samo, jak utworzenie pliku cookie w JavaScript, ponieważ jest to w rzeczywistości wartość obiektu document.cookie. Jeśli chcesz uzyskać dostęp do tego konkretnego pliku cookie, możesz użyć tego ciągu w dowolnym momencie.

• Używając ciągu document.cookie, możesz zachować listę par nazwa – wartość, które są oddzielone średnikami, gdzie nazwa jest w rzeczywistości nazwą cookie, a wartość jest wartością ciągu.
• Możesz także użyć funkcji split() strings, aby podzielić łańcuch na wartości i klucze.

P21. Jak możesz użyć JavaScript, aby usunąć plik cookie?

Jeśli chcesz usunąć plik cookie, aby kolejne próby odczytania pliku cookie niczego nie zwracały, musisz ustawić datę wygaśnięcia pliku cookie na czas przeszły.

Przejdźmy do bardziej średniozaawansowanych pytań do rozmowy kwalifikacyjnej w języku JavaScript, które naprawdę sprawdzą Twoją wiedzę o JavaScript.

Pytania i odpowiedzi do rozmowy kwalifikacyjnej Javascript – poziom średniozaawansowany

P22. Czym różnią się atrybuty od właściwości?

Atrybut dostarcza więcej szczegółów o elemencie, takich jak typ, identyfikator, wartość itp.

Właściwość to określona wartość przypisana do właściwości. Na przykład wartość = „Nazwa”, typ = „tekst” itp.

P23. Podaj listę różnych sposobów, za pomocą których można uzyskać dostęp do elementu HTML w kodzie JavaScript?

Kilka sposobów to:

• getElementById('idname'): Używając tej metody, możesz uzyskać element według nazwy ID elementu.
• getElementsByClass('classname'): Używając tej metody, możesz pobrać wszystkie elementy, które mają daną nazwę klasy.
• getElementsByTagName('tagname'): Używając tej metody, możesz pobrać wszystkie elementy, które mają daną nazwę tagu.
• querySelector(): funkcja querySelector() pobiera selektor stylu CSS i zwraca pierwszy wybrany element.

P24. Jakie są różne sposoby, w jakie kod JavaScript może być włączony do pliku HTML?

Trzy różne sposoby:

• W linii
• Zewnętrzny
• Wewnętrzny

Funkcja JavaScript znana jako funkcja inline jest przypisywana do zmiennej tworzonej w czasie wykonywania. Z drugiej strony, jeśli potrzebujesz JavaScript do funkcji, możesz zintegrować skrypt na stronie, na której pracujesz, lub możesz umieścić go jako osobny plik, który można wywołać w razie potrzeby. To zasadniczo staje się różnicą między skryptem zewnętrznym i wewnętrznym.

P25. Jakie są różne sposoby definiowania zmiennej JavaScript?

Istnieją 3 sposoby:

• Var — instrukcja zmiennej JavaScript pomaga zadeklarować zmienną. Alternatywnie można go również użyć do zainicjowania wartości tej konkretnej zmiennej.
• Const: Funkcje const są używane, aby uniemożliwić modyfikację obiektu, na którym jest wywoływana. Tak więc, gdy mówimy, że funkcja jest stała, można ją wywołać na dowolnym typie obiektu.
• Let: Let jest używany jako sygnał, który pokazuje, że zmienna może zostać ponownie przypisana, jak licznik w pętli lub zamiana wartości w algorytmie.

P26. Co to jest pisany język?

W Typeed Language wartości są skojarzone z samymi wartościami. Nie są powiązane ze zmiennymi. Istnieją dwa rodzaje wpisywanego języka:

Dynamicznie: w przypadku języka z typami dynamicznymi zmienna może zawierać kilka typów.

Statycznie: W językach z typami statycznymi zmienna może przechowywać tylko jeden typ.

P27. Czym różni się pamięć lokalna od pamięci sesji?

Pamięć lokalna — w pamięci lokalnej dane nie będą zwracane na serwer przy każdym żądaniu HTTP (obrazy, HTML, CSS, JavaScript itp.). Pomaga zmniejszyć ruch między serwerem a klientem.

Przechowywanie sesji — Przechowywanie sesji jest dość podobne do przechowywania lokalnego. Jednak w przeciwieństwie do przechowywania danych w systemach lokalnych, które mają czas wygaśnięcia, dane przechowywane przy użyciu pamięci sesji są usuwane po zakończeniu sesji strony.

P28. Jakie są różnice między operatorem „==” i „===”?

Różnica między operatorem „==” a operatorem „===” polega na tym, że ten pierwszy porównuje zmienną, dokonując korekty typu. Tak więc, jeśli miałbyś porównać liczbę z łańcuchem z literałem numerycznym, takie porównanie można wykonać za pomocą „==”, ale nie „===”. „===” sprawdza wartość i typ dwóch zmiennych.

P29. Jakie są różnice zerowe i niezdefiniowane?

Niezdefiniowana dotyczy zmiennej, która została zadeklarowana, ale nie dokonano przypisania wartości danych. Jednak sama wartość null jest wartością przypisania.

P30. Czym różnią się niedeklarowane i nieokreślone?

Zmienne niezadeklarowane to te rodzaje zmiennych, które nie istnieją w programie i dlatego nie są zadeklarowane. Jeśli program spróbuje go odczytać, wystąpi błąd w czasie wykonywania. Zmienne niezdefiniowane to zmienne, które są zadeklarowane, ale nie nadano im żadnej wartości.

P31. Wymień kilka frameworków JavaScript?

Frameworki JavaScript to framework aplikacji, który został napisany w JavaScript. Kilka typowych to:

• Reagować
• Kątowy
• Vue

P32. Czym różnią się od siebie okno JavaScript i dokument JavaScript?

Okno jest obiektem globalnym i zawiera funkcje, zmienne, lokalizację i historię.

Dokument jest częścią okna i jest uważany za właściwość okna Javascript.

P33. Czym różnią się innerText i innerHTML?

innerText – innerText nie przetwarza znacznika HTML, jeśli znajduje się w ciągu.

innerHTML – innerHTML przetwarza tag HTML, jeśli znajduje się w ciągu.

P34. Co w JavaScript nazywa się bąblowaniem zdarzeń?

Propagacja zdarzeń odnosi się do określonego sposobu propagacji zdarzeń w HTML DOM API. Dzieje się tak, gdy zdarzenie występuje w elemencie wewnątrz innego elementu i gdy oba elementy mają zarejestrowane dojście do tego zdarzenia. Jeśli chodzi o bulgotanie, zdarzenie, które jest najpierw uchwycone przez najgłębszy element, jest ostatecznie przekazywane do elementów zewnętrznych.

Gdy wykonanie rozpocznie się od jednego zdarzenia, wychodzi do elementu nadrzędnego. Następnie wykonanie przechodzi do elementu nadrzędnego i trwa aż do elementu ciała.

P35. Czym jest NaN w JavaScript?

NaN to skrót od Not a Number. NaN jest zawsze używany do porównywania nierównych liczb, w tym samego NaN. Dlatego jest zwykle używany do wywołania stanu błędu dla dowolnej funkcji, która może zwrócić poprawną liczbę. Na przykład, gdy ciąg zostanie przekonwertowany na liczbę i jeśli nie można tego zrobić, pojawi się NaN.

P36. W jaki sposób typy prymitywów/obiektów JavaScript są przekazywane przez funkcje?

Pierwotne typy danych są przekazywane przez wartość, podczas gdy obiekty są przekazywane przez odwołanie.

• Przez wartość oznacza, że ​​tworzy kopię oryginalnego lub oryginalnego sd, jeśli jest bliźniakiem.
• Przez odniesienie oznacza, że ​​tworzy ALIAS oryginału lub oryginału. Możesz to porównać z popularnymi pseudonimami.

P37. Jak przekonwertować ciąg dowolnej podstawy na liczbę całkowitą za pomocą JavaScript?

Używając funkcji parseInt(), możesz przekształcać liczby między różnymi podstawami.

P38. Jaki będzie wynik problemu w JavaScript: 2+5+„3”?

73. Ponieważ 2 i 5 są liczbami całkowitymi, zostanie wykonane normalne dodawanie. 3 jest jednak ciągiem, a zatem nastąpi konkatenacja. „” reprezentuje ciąg.

P39. Czym jest import i eksport?

Importy i eksporty są przydatne do pisania modułowego kodu JavaScript. Można go dalej podzielić na wiele plików.

Opanujesz już niektóre z trudnych pytań do rozmowy kwalifikacyjnej w javascript. Teraz nadszedł czas, aby zanurkować głęboko i przejść do zaawansowanych pytań i odpowiedzi do wywiadów w języku javascript.

Pytania i odpowiedzi do rozmowy kwalifikacyjnej Javascript – poziom zaawansowany

P40. Co jest znane jako tryb ścisły i jak go włączyć?

Tryb ścisły pomaga sprawdzić błędy w kodzie. Kiedy używasz trybu ścisłego, nie będziesz mógł używać niejawnie zadeklarowanych zmiennych ani przypisać żadnej wartości do właściwości tylko do odczytu.

Jeśli chcesz włączyć tryb ścisły, wystarczy dodać „użyj ścisłego” na początku programu, funkcji lub pliku.

P41. Jaki jest pożytek z okienka zachęty w JavaScript?

Pole zachęty w JavaScript pomaga użytkownikowi wprowadzić dane za pomocą pola tekstowego. Metoda prompt() pomaga wyświetlić okno dialogowe, które zachęca gościa do wprowadzenia danych wejściowych.

P42. Jaki wynik wyjdzie z tego kodu:

zmienna Y = 1;

if (funkcja F(){})

{

y += Rodzaj F;</span>

}

konsola.log(y);

1undefined będzie wyjściem. Dzieje się tak, ponieważ instrukcja warunkowa if będzie oceniać za pomocą 'eval', a zatem eval(funkcja f(){}) zwróci funkcję f(){} (prawda). Tak więc, wewnątrz tej instrukcji if, można by wykonać typeof f, który zwróci undefined, ponieważ kod instrukcji if jest wykonywany w czasie wykonywania. W ten sposób instrukcja obecna w warunku if zostanie oceniona w czasie wykonywania.

P43. Podaj różnicę między Aplikuj a Zadzwoń?

Metoda call() pomaga wywołać funkcję, która ma podaną wartość 'this' i argumenty, które są dostarczane indywidualnie. Składnia to:

fun.call(taArg[, arg1[, arg2[, …]]])

Metoda apply() służy do wywołania funkcji, która ma podaną wartość 'this', ale argumenty są prezentowane w postaci tablicy. Składnia to:

fun.apply(thisArg, [argsArray])

Q44.W JavaScript, jak opróżnić tablicę?

Istnieje kilka metod na opróżnienie tablicy. Oni są:

Metoda 1:

Lista tablic = []

Jeśli nie masz żadnych odwołań do oryginalnej tablicy arrayList, zalecana jest ta metoda. Jeśli jednak wcześniej odwoływałeś się do tej tablicy z innej zmiennej, pierwotna tablica referencyjna pozostanie niezmieniona.

Metoda 2:

arrayList.length = 0;

Używając tego kodu, ustawiasz długość tablicy na 0, tym samym opróżniając ją ze wszystkich aktualizacji zmiennych referencyjnych, wracając do oryginalnej tablicy.

Metoda 3:

arrayList.splice(0, arrayList.length);

Tej metody można również użyć do opróżnienia całej tablicy, w tym aktualizacji wszystkich odwołań z powrotem do oryginalnej tablicy.

Metoda 4:

while(arrayList.length)

{

tablicaLista.pop();

}

Jest to również świetny sposób na opróżnianie tablic, ale nie jest to zalecana metoda.

Q45. Jakie dane wyjściowe przedstawi ten kod:

var Wyjście = (funkcja(x)

{

Usuń X;

powrót X;

}

)(0);

console.log(wyjście);

Operator usuwania pomaga usunąć właściwości z obiektu. W tym kodzie x nie jest używany jako obiekt, ale zmienna lokalna. Operatory usuwania nie mają żadnego wpływu na zmienne lokalne.

P46. Jakie dane wyjściowe przedstawi ten kod:

zmienna X = { Foo : 1};

zmienna Wyjście = (funkcja()

{

usuń X.foo;

zwróć X.foo;

}

)();

console.log(wyjście);

Niezdefiniowane wyjście. Operator usuwania pomaga usunąć właściwości z obiektu. W tym kodzie x jest obiektem z użytą właściwością foo. Jest to funkcja samoczynnie wywołująca się i dlatego należałoby usunąć właściwość foo z obiektu x. W związku z tym wynik będzie nieokreślony.

P47. Jakie dane wyjściowe przedstawi ten kod:

var Pracownik =

{

firma: 'xyz'

}

var Emp1 = Object.create(pracownik);

usuń Emp1.company Console.log(emp1.company);

Wynik = xyz. W tym kodzie obiekt emp1 używa company jako właściwości prototypu. Operator usuwania nie usuwa właściwości prototypu. Obiekt emp1 nie jest własnością firmy. Istnieje możliwość usunięcia właściwości firmy bezpośrednio z obiektu Employee za pomocą polecenia delete Employee.company.

P48. Jakie dane wyjściowe przedstawi ten kod:

//nfe (nazwane wyrażenie funkcji)

zmienna Foo = pasek funkcji()

{

powrót 7;

};

typBar();

Wyjście = błąd odniesienia. Definicja funkcji może mieć tylko jedną zmienną referencyjną jako nazwę funkcji.

P49. Dlaczego często umieszcza się zawartość pliku źródłowego JavaScript w księdze funkcji?

Wiele bibliotek JavaScript używa tej techniki. Pomaga opracować zamknięcie wokół zawartości pliku, co pomaga stworzyć prywatną przestrzeń nazw, a tym samym uniknąć kolizji nazw z różnymi modułami i bibliotekami JavaScript.

P50. Czym w JavaScript są znaki ucieczki?

Znaki ucieczki pomagają pisać znaki specjalne bez konieczności przerywania aplikacji.

Zdobądź stopnie inżynierii oprogramowania z najlepszych światowych uniwersytetów. Zdobywaj programy Executive PG, Advanced Certificate Programs lub Masters Programs, aby przyspieszyć swoją karierę.

Wniosek

Oto kilka popularnych pytań do rozmowy kwalifikacyjnej w javascript, które są o różnym stopniu trudności, aby pomóc Ci uzyskać lepsze wyniki w rozmowach kwalifikacyjnych. Odświeżenie podstawowej i zaawansowanej wiedzy na temat JavaScript za pomocą tych pytań i odpowiedzi na rozmowę kwalifikacyjną w języku javascript to świetny sposób na znalezienie pracy jako programista w dowolnej wiodącej firmie technologicznej.

Niektórzy wolą artystyczną stronę tworzenia stron internetowych, a inni wolą techniczną. Ale jest trzecia grupa ludzi, którzy znają oba. Pierwsza grupa to programiści front-end, druga to programiści back-end, a ostatnia to programiści full-stack.

Rośnie zapotrzebowanie na deweloperów typu full-stack. A firmy rozpaczliwie potrzebują utalentowanych profesjonalistów, którzy potrafią pracować zarówno z HTML, jak i PHP.

Jeśli chcesz dowiedzieć się więcej o tworzeniu pełnego stosu, zapoznaj się z programem Executive PG UpGrad i IIIT-B w zakresie programowania pełnego stosu, który jest przeznaczony dla pracujących profesjonalistów i oferuje ponad 500 godzin rygorystycznych szkoleń, ponad 9 projektów i zadań, Status absolwentów IIIT-B, praktyczne, praktyczne projekty zwieńczenia i pomoc w pracy z najlepszymi firmami.