50 самых задаваемых вопросов и ответов на интервью по Javascript [2022]

Javascript Интервью Вопрос и Ответы

В этой статье мы собрали наиболее часто задаваемые вопросы на собеседовании по JavaScript . Эти вопросы познакомят вас с типами вопросов, которые интервьюер может задать вам во время собеседования.
JavaScript — это язык сценариев, чрезвычайно полезный в веб-разработке. Брендан Эйх разработал JavaScript еще в 1995 году, и его используют такие гиганты, как Facebook и Google. Совершенно невозможно понять универсальность JavaScript. Интервьюеры всегда пытаются оценить знания потенциального сотрудника, прежде чем вручить ему письмо о назначении.

Итак, важно освежить свои знания JavaScript. Вот некоторые из вопросов для собеседования на Javascript , которые интервьюер может задать вам, если вы собираетесь на собеседование.

Вопросы и ответы на javascript-интервью были разделены на три категории:

• Начальный уровень
• Промежуточный уровень
• Продвинутый уровень

Вопросы и ответы на собеседовании по Javascript — начальный уровень

Q1. Чем JavaScript и Java отличаются друг от друга?

Javascript — это объектно-ориентированное программирование или язык сценариев ООП. Java — это объектно-ориентированное программирование или язык программирования ООП.

JavaScript можно запустить только в браузере. Java помогает создавать приложения, которые можно запускать в браузере или на виртуальной машине.

JS представлен в текстовом виде. Java требует компиляции

Q2. Что такое JavaScript?

JavaScript — это легкий интерпретируемый язык программирования с объектно-ориентированными возможностями. Это поможет вам превратить интерактивность в статические HTML-страницы.

Q3. Какие типы данных поддерживает JavaScript?

Есть несколько типов данных, которые поддерживает JavaScript, а именно:

• логический
• Нулевой
• Нить
• Неопределенный
• Символ
• Объект
• Количество
  
  

Q4. Каковы различные особенности JavaScript?

• Javascript — это легкий и интерпретируемый язык программирования.
• Он был разработан для создания приложений, ориентированных на сеть.
• Он дополняет Java и интегрируется с ним.
• JavaScript — это кроссплатформенный и открытый язык сценариев.

Q5. Является ли JavaScript чувствительным к регистру?

Да, JavaScript чувствителен к регистру.

Q6. Какие преимущества есть у JavaScript?

Некоторые преимущества:

• Низкое взаимодействие с сервером : с помощью JavaScript вы сможете проверять любой пользовательский ввод перед отправкой страницы на сервер.
• Мгновенная обратная связь с посетителями : посетители могут сразу узнать, забыли ли они что-либо ввести, даже до перезагрузки страницы.
• Увеличение интерактивности : с помощью JavaScript вы можете создавать различные интерфейсы, которые могут реагировать, когда пользователь наводит на них указатель мыши или использует клавиатуру для их активации.

Q7: Как можно создать объект с помощью JavaScript?

Поскольку JavaScript является языком сценариев объектно-ориентированного программирования, он поддерживает концепцию объекта. Используя литерал Object, вы можете создать объект.

Q8. Как можно использовать JavaScript для создания массива?

Если вы хотите определить массивы в JavaScript, вы можете сделать это, используя литерал массива. Пример:

вар х = [];

переменная у = [1, 2, 3, 4, 5];

Q9. Что такое функция имени в JavaScript и как ее определить?

Именованная функция в JavaScript объявляет имя после того, как оно определено. Пример:

функция с именем () {

// пишем сюда код

}

Q10. Можно ли назначить анонимную функцию переменной, а затем передать ее в качестве аргумента другой функции?

С помощью Javascript можно назначить анонимную функцию переменной и передать ее в качестве аргумента другой функции.

Q11. Что такое объект аргумента в JavaScript и как передать типы аргументов в функцию?

Переменные аргументы в JavaScript представляют собой аргументы, которые передаются функции. Вы можете использовать оператор typeof для получения типа аргументов.

Q12. Каковы области действия переменной в JavaScript?

Область действия переменной означает область вашей программы, в которой она определена. Есть две сферы:

• Глобальные переменные: глобальная переменная имеет глобальную область действия, что означает, что она будет видна везде в вашем коде.
• Локальные переменные: Локальные переменные будут видны только внутри функции, в которой они были определены.

Q13. Что делает оператор This в JavaScript?

Ключевое слово This, используемое в JavaScript, говорит об объекте, которому оно принадлежит. Он имеет много разных значений и зависит от того, где он используется.

Q14. Что называется «обратным вызовом»?

Обратный вызов — это функция JavaScript, передаваемая какому-либо методу в качестве опции или аргумента. Обратный вызов — это функция, которую необходимо выполнить после завершения выполнения другой функции.

Q15. Дайте определение закрытию?

Замыкание развивается, когда конкретная переменная определена вне текущей области видимости, и доступ к ней осуществляется изнутри с некоторой внутренней областью.

Q16. Какие есть встроенные методы в JavaScript и какие значения они возвращают?

Вот некоторые из встроенных методов и возвращаемые ими значения:

Concat() помогает объединить две или более строк

CharAt() помогает вернуть символ по определенному индексу

forEach() помогает вызывать функцию для каждого элемента, присутствующего в массиве.

length() помогает вернуть длину строки

indexOf() помогает вернуть индекс в вызывающем объекте String первого вхождения определенного значения.

push() помогает добавить один или несколько элементов в конец массива, а затем вернуть новую длину этого массива.

pop() помогает удалить последний элемент из массива и вернуть этот элемент

reverse() помогает изменить порядок элементов массива на противоположный

Q17. Каковы несколько соглашений об именах переменных в JavaScript?

Несколько правил:

• Не следует использовать какое-либо зарезервированное ключевое слово JavaScript в качестве имени переменной.
• Имена переменных в JavaScript не могут начинаться с числа в диапазоне от 0 до 9.
• Имена переменных в JavaScript чувствительны к регистру.

Q18. В чем заключается работа оператора TypeOf?

Оператор typeof можно использовать для получения типа данных его операнда. Указанный операнд может быть структурой данных или литералом, таким как функция, объект или переменная.

Q19. Как вы можете создать файл cookie с помощью JavaScript?

Вы можете создать файл cookie в JavaScript, просто назначив строковое значение объекту document.cookie.

Синтаксис:

document.cookie = «ключ1 = значение1; ключ2 = значение2; истекает = дата”;

Q20. Как вы можете использовать JavaScript для чтения файла cookie?

Вы можете прочитать файл cookie так же просто, как создать файл cookie в JavaScript, так как на самом деле он является значением объекта document.cookie. Если вы хотите получить доступ к этому конкретному файлу cookie, вы можете использовать эту строку в любое время.

• Используя строку document.cookie, вы можете сохранить список пар «имя-значение», разделенных точкой с запятой, где имя фактически является именем файла cookie, а значение — строковым значением.
• Вы также можете использовать функцию split() строк, чтобы разбить строку на значения и ключи.

Q21. Как вы можете использовать JavaScript для удаления файла cookie?

Если вы хотите удалить файл cookie, чтобы любые последующие попытки чтения файла cookie ничего не возвращали, вам необходимо установить дату истечения срока действия файла cookie на прошедшее время.

Давайте перейдем к вопросам для собеседования по javascript более среднего уровня, которые действительно проверят ваши знания JavaScript.

Вопросы и ответы на собеседовании по Javascript — средний уровень

Q22. Чем атрибуты отличаются от свойств?

Атрибут предоставляет более подробную информацию об элементе, таком как тип, идентификатор, значение и т. д.

Свойство — это конкретное значение, присвоенное свойству. Например, значение = «Имя», тип = «текст» и т. д.

Q23. Дайте список различных способов, с помощью которых можно получить доступ к элементу HTML в коде JavaScript?

Вот несколько способов:

• getElementById('idname'): Используя этот метод, вы можете получить элемент по идентификатору имени элемента.
• getElementsByClass('classname'): Используя этот метод, вы можете получить все элементы, которые имеют заданное имя класса.
• getElementsByTagName('tagname'): Используя этот метод, вы можете получить все элементы, которые имеют заданное имя тега.
• querySelector(): функция querySelector() принимает селектор стиля css и возвращает первый выбранный элемент.

Q24. Какими способами можно использовать код JavaScript в HTML-файле?

Три разных способа:

• В линию
• Внешний
• Внутренний

Функция JavaScript, известная как встроенная функция, назначается переменной, которая создается во время выполнения. С другой стороны, если вам требуется JavaScript для работы, вы можете интегрировать скрипт на страницу, над которой вы работаете, или вы можете поместить его в виде отдельного файла, который можно вызывать при необходимости. По сути, это становится разницей между внешним и внутренним сценарием.

Q25. Какими способами можно определить переменную JavaScript?

Есть 3 способа:

• Var — оператор переменной JavaScript помогает объявить переменную. Кроме того, его также можно использовать для инициализации значения этой конкретной переменной.
• Const: Константные функции используются, чтобы не допустить модификации объекта, для которого они вызываются. Таким образом, когда говорят, что функция является константой, функция может быть вызвана для любого типа объекта.
• Let: Let используется как сигнал, показывающий, что переменная может быть переназначена, например, счетчик в цикле или перестановка значений в алгоритме.

Q26. Что такое типизированный язык?

В типизированном языке значения связаны только со значениями. Они не связаны с переменными. Существует два типа типизированного языка:

Динамически: для языка с динамическим типом переменная может содержать несколько типов.

Статически: в языках со статическим типом переменная может содержать только один тип.

Q27. Чем локальное хранилище отличается от хранилища сеансов?

Локальное хранилище — в локальном хранилище данные не будут возвращаться на сервер при каждом HTTP-запросе (изображения, HTML, CSS, JavaScript и т. д.). Это помогает уменьшить трафик между сервером и клиентом.

Хранилище сеансов. Хранилище сеансов очень похоже на локальное хранилище. Однако, в отличие от хранилища данных в локальных системах, которое имеет срок действия, данные, хранящиеся в хранилище сеанса, очищаются после завершения сеанса страницы.

Q28. В чем разница между операторами '==' и '==='?

Разница между оператором «==» и оператором «===» заключается в том, что первый сравнивает переменную, делая коррекцию типа. Итак, если вам нужно сравнить число со строкой с числовым литералом, такое сравнение можно сделать с помощью '==', но не '==='. '===' проверяет значение и тип двух переменных.

Q29. Как нулевые и неопределенные различия?

Undefined относится к переменной, которая была объявлена, но присвоение значения данным не проводилось. Однако null сам по себе является значением присваивания.

Q30. Чем отличаются необъявленные и неопределенные?

Необъявленные переменные — это такие переменные, которые не существуют в программе и, следовательно, не объявлены. Если программа попытается прочитать его, произойдет ошибка времени выполнения. Неопределенные переменные — это переменные, которые объявлены, но им не присвоено значение.

Q31. Назовите несколько фреймворков JavaScript?

Фреймворки JavaScript — это каркас приложения, написанный на JavaScript. Вот несколько распространенных:

• Реагировать
• Угловой
• Вью

Q32. Чем окно JavaScript и документ JavaScript отличаются друг от друга?

Окно является глобальным объектом и содержит функции, переменные, местоположение и историю.

Документ является частью окна и считается свойством окна Javascript.

Q33. Чем отличаются innerText и innerHTML?

innerText — innerText не обрабатывает тег HTML, если он находится в строке.

innerHTML — innerHTML обрабатывает тег HTML, если он находится в строке.

Q34. Что в JavaScript называется всплытием событий?

Всплытие событий относится к определенному способу распространения событий в HTML DOM API. Это происходит, когда событие происходит в элементе внутри другого элемента и когда оба элемента имеют дескриптор, зарегистрированный для указанного события. Когда дело доходит до всплытия, событие, которое сначала фиксируется самым внутренним элементом, в конечном итоге передается внешним элементам.

Как только выполнение начинается с одного события, оно переходит к родительскому элементу. После этого выполнение переходит к родительскому элементу и продолжается до элемента body.

Q35. Что такое NaN в JavaScript?

NaN означает не число. NaN всегда используется для сравнения неравных с любым числом, которое включает само NaN. Следовательно, он обычно используется для выявления состояния ошибки для любой функции, которая может возвращать допустимое число. Когда строка, например, преобразуется в число, и если это невозможно сделать, появляется NaN.

Q36. Как типы примитивов/объектов JavaScript передаются через функции?

Примитивные типы данных передаются по значению, а объекты передаются по ссылке.

• Под значением подразумевается, что он разрабатывает копию подлинного или оригинального sd, если он является близнецом.
• По ссылке означает, что он создает Псевдоним подлинного или оригинала. Вы можете сравнить его с обычными никнеймами.

Q37. Как преобразовать строку любого основания в целое число с помощью JavaScript?

Используя функцию parseInt(), вы можете преобразовывать числа между разными основаниями.

Q38. В JavaScript какой будет результат задачи: 2+5+"3"?

73. Поскольку 2 и 5 — целые числа, будет выполнено обычное сложение. 3, однако, является строкой и, следовательно, будет конкатенация. "" представляет собой строку.

Q39. Что такое импорт и экспорт?

Импорт и экспорт полезны для написания модульного кода JavaScript. Его можно разделить на несколько файлов.

Вы уже освоили некоторые сложные вопросы на собеседовании по javascript. Теперь пришло время углубиться и перейти к некоторым продвинутым вопросам и ответам на собеседовании по javascript.

Вопросы и ответы на собеседовании по Javascript — продвинутый уровень

Q40. Что называется строгим режимом и как его включить?

Строгий режим помогает вам проверять ошибки в вашем коде. Когда вы используете строгий режим, вы не сможете использовать неявно объявленные переменные и не сможете присвоить какое-либо значение свойству, доступному только для чтения.

Если вы хотите включить строгий режим, все, что вам нужно сделать, это добавить «использовать строгий режим» в начале программы, функции или файла.

Q41. В JavaScript для чего используется окно подсказки?

Окно подсказки в JavaScript помогает пользователю вводить данные с помощью текстового поля. Метод prompt() помогает отобразить диалоговое окно, предлагающее посетителю ввести данные.

Q42. Какой результат выйдет из этого кода:

переменная Y = 1;

если (функция F(){})

{

y += Typeof F;</span>

}

console.log(у);

1undefined будет выводом. Это связано с тем, что оператор условия if будет оценивать с использованием 'eval', и, следовательно, eval(function f(){}) вернет функцию f(){} (true). Итак, внутри этого оператора if можно было бы выполнить typeof f, который вернет значение undefined, поскольку код оператора if выполняется во время выполнения. Таким образом, оператор, присутствующий внутри условия if, будет оцениваться во время выполнения.

Q43. Укажите разницу между Apply и Call?

Метод call() помогает вызвать функцию, которая имеет заданное значение this и аргументы, которые предоставляются индивидуально. Синтаксис:

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

Метод apply() используется для вызова функции, которая имеет заданное значение this, но аргументы представлены в виде массива. Синтаксис:

fun.apply(thisArg, [argsArray])

Q44. Как в JavaScript можно очистить массив?

Есть несколько способов очистить массив. Они есть:

Способ 1:

СписокСписков = []

Если у вас нет ссылок на исходный массив arrayList, рекомендуется использовать этот метод. Однако, если вы ранее ссылались на этот массив из другой переменной, исходный массив ссылок останется неизменным.

Способ 2:

массивСписок.длина = 0;

Используя этот код, вы устанавливаете длину массива равной 0, тем самым очищая его от всех обновлений ссылочных переменных, возвращаясь к исходному массиву.

Способ 3:

arrayList.splice(0, arrayList.length);

Этот метод также можно использовать для очистки всего массива, включая обновления всех ссылок обратно в исходный массив.

Способ 4:

в то время как (arrayList.length)

{

массивСписок.поп();

}

Это также отличный способ очистить массивы, но это не рекомендуемый метод.

Q45. Какой вывод будет представлять этот код:

var Выход = (функция (x)

{

Удалить Х;

вернуть Х;

}

)(0);

console.log(выход);

Оператор Delete помогает удалить свойства объекта. В этом коде x используется не как объект, а как локальная переменная. Операторы удаления не влияют на локальные переменные.

Q46. Какой вывод будет представлять этот код:

вар Х = {Фоо: 1};

переменная Выход = (функция()

{

удалить X.foo;

вернуть X.foo;

}

)();

console.log(выход);

Неопределенный вывод. Оператор Delete помогает удалить свойства объекта. В этом коде x — это объект с используемым свойством foo. Это функция с автоматическим вызовом, и, следовательно, можно было бы удалить свойство foo из объекта x. Следовательно, результат будет неопределенным.

Q47. Какой вывод будет представлять этот код:

вар Сотрудник =

{

компания: xyz

}

var Emp1 = Object.create(сотрудник);

удалить Emp1.company Console.log(emp1.company);

Результат = xyz. В этом коде объект emp1 использует в качестве свойства-прототипа компанию. Оператор Delete не удаляет свойство прототипа. Объект emp1 не имеет свойства company. Можно удалить свойство компании из объекта Employee напрямую, используя команду delete Employee.company.

Q48. Какой вывод будет представлять этот код:

//nfe (выражение именованной функции)

var Foo = Панель функций()

{

вернуть 7;

};

тип бара();

Выход = ошибка ссылки. Определение функции может иметь только одну ссылочную переменную в качестве имени функции.

Q49. Почему принято оборачивать содержимое исходного файла JavaScript в книгу функций?

Многие библиотеки JavaScript используют эту технику. Это помогает разработать замыкание вокруг содержимого файла, что помогает создать частное пространство имен и, следовательно, избежать любого конфликта имен с различными модулями и библиотеками JavaScript.

Q50. Что такое escape-символы в JavaScript?

Экранирующие символы помогают вам вводить специальные символы, не прерывая работу приложения.

Получите диплом инженера -программиста в лучших университетах мира. Участвуйте в программах Executive PG, Advanced Certificate Programs или Master Programs, чтобы ускорить свою карьеру.

Заключение

Вот несколько популярных вопросов для собеседования с использованием javascript различной степени сложности, которые помогут вам пройти собеседование. Освежить свои базовые и продвинутые знания JavaScript с помощью этих вопросов и ответов на собеседовании по javascript — отличный способ получить работу разработчика в любой ведущей технологической фирме.

Кто-то предпочитает художественную сторону веб-разработки, а кто-то предпочитает техническую. Но есть и третья группа людей, которые знают и то, и другое. Первая группа — фронтенд-разработчики, вторая — бэкенд-разработчики, а последняя — фулстек-разработчики.

Спрос на full-stack разработчиков растет. И компании остро нуждаются в талантливых специалистах, умеющих работать как с HTML, так и с PHP.

Если вам интересно узнать больше о разработке полного стека, ознакомьтесь с программой upGrad & IIIT-B Executive PG по разработке программного обеспечения с полным стеком, которая предназначена для работающих профессионалов и предлагает более 500 часов тщательного обучения, более 9 проектов и заданий, Статус выпускника IIIT-B, практические практические проекты и помощь в трудоустройстве в ведущих фирмах.