Ответы на вопросы из коллекции "Стек технологий JavaScript" на СтудИзбе

Вы разрабатываете приложение, в котором есть форма регистрации. После ввода данных и нажатия на кнопку “Зарегистрироваться” форма отправляет запрос на сервер.
Вопрос: Можете ли Вы использовать колбеки в этом сценарии, чтобы получить информацию о том, успешно ли прошла регистрация или произошла ошибка?

Вы работаете над проектом, который требует использования jаvascript на клиенте. Проект включает в себя страницу с формой авторизации, которая должна быть валидирована при отправке. Форма состоит из двух полей: имя пользователя и пароль. В форме есть кнопка отправки. Нужно ли проверять правильность введенных данных пользователем? Вызовется ли событие submit на элементе формы, при нажатии кнопки отправки если в ней не указан type=”submit”?

• Нет, можно ограничиться встроенными средствами html, такими как указание type и required
• Нет, событие submit не будет вызвано из за отсутствия нужного type у кнопки отправки
• Да, для этого существуют шаблонные строки, которые позволяют проверить правильность введенных данных. Да событие submit будет вызвано, так как у кнопки внутри формы type по умолчанию установлен как submit
• Да, можно проверить данные при помощи шаблонных строк. Нет так как событие submit может быть вызвано только при наличии у кнопки отпраВки внутри формы type=”submit”
  

Какая из следующих функций объекта Array возвращает значение true, если каждый элемент в этом массиве удовлетворяет предоставленной функции тестирования?

• concat()
• every()
• push()
• some()

Какие значения возвращают следующие выражения?
console.log(!!' ')
console.log(!!{})
console.log(!![])
console.log(!!1)

• True, False, False, False
• True, True, True, True
• False, True, False, False
• False, False, False, False

Что из следующего верно в отношении соглашений об именовании переменных в jаvascript?

• Вы не должны использовать какое-либо из зарезервированных ключевых слов jаvascript в качестве имени переменной.
• Имена переменных jаvascript не должны начинаться с цифры (0-9).
• Имена переменных можно начать только со строчных символов латинского алфавита и использовать нижнее подчеркивание. Например: my_Variable
  

Какие приемы работы с асинхронным кодом в JS Вы знаете?

• Функции обратного вызова (Callbacks). Промисы (Promises). Async/await. Библиотеки вроде async.js, blueprint, q, co.
• Функции обратного вызова (Callbacks). Промисы (Promises). Async. Библиотеки вроде node.js, beng, query.
• Функции рекурсии. Фреймворки типа django. Async. Библиотеки вроде node.js, beng, query.
  

Какие значения возвращают следующие выражения?
console.log(!!null)
console.log(!!undefined)
console.log(!!'')
console.log(!!0)
console.log(!!NaN)

• True, False, False, False, True
• True, True, True, True, True
• False, True, False, False, True
• False, False, False, False, False

Какие значения возвращают следующие выражения?
0 == False
0 === False

• True, False
• True, True
• False, True

Вы разрабатываете функцию, которая должна принимать строку и возвращать логическое значение (True или False). Эта функция должна проверить, является ли строка палиндромом. Однако вы не учли, что строка может быть представлена в виде массива символов. Вопрос: как преобразовать массив символов в строку, чтобы можно было проверить, является ли она палиндромом?

• можно воспользоваться методом .join()
• можно использовать метод .split()
• можно воспользоваться методом .string()

Какой оператор служит для создания нового экземпляра из класса однотипных объектов?

• this
• new
• prototype

Что такое полиморфизм в контексте ООП в jаvascript?

• Полиморфизм – это когда подкласс класса может вызвать ту же самую обобщенную унаследованную функцию в своем собственном контексте
• Полиморфизм - это возможность создавать подклассы без доступа к свойствам и методам родительского объекта
• Полиморфизм - это возможность jаvascript создавать подклассы для классов
  

У вас есть массив чисел и вы хотите найти среднее арифметическое его элементов. Как вы это сделаете?

• Сначала нужно распаковать массив в переменные при помощи деструктуризации, затем сложить значения всех переменных и разделить на количество элементов массива
• Нужно сложить все числа в массиве используя метод .map(), а затем разделить это число на количество элементов в массиве
• Для начала нужно сложить все числа в массиве пройдясь по нему циклом, а затем разделить это число на количество элементов массива
  

JSON объект можно создать при помощи …

• функции JSON.parse()
• функции JSON.stringify()
• метода .toJSON()
• метода .fromJSON()

В чем разница между методами Object.freeze и Object.seal?

• Разница заключается в том, что при использовании метода Object.freeze мы не можем менять или редактировать свойства объекта, а при использовании Object.seal у нас такая возможность имеется.
• Разница заключается в том, что при использовании метода Object.seal мы не можем менять или редактировать свойства объекта, а при использовании Object.freeze у нас такая возможность имеется.
• Это один и тот же метод, только в разных версиях js.
  

Что такое неявное преобразование?

• Способ задать тип переменной, при котором она приобретает значение необходимое для конкретного случая.
• Метод, определяющий значение переменной исходя из её типа.
• Способ приведения значения к другому типу без нашего ведома (участия).

Назовите основные преимущества JSON?

• Читается любым редактором.
• Компактный, быстро компилируемый, читаемый человеком.
• Содержит только уникальные значения.

Что такое стрелочные функции (Arrow Functions)?

• Другое название рекурсивной функции.
• Функции, которые выполняются в строгой последовательности.
• Стрелочные функции создаются быстрее и имеют более читаемый синтаксис, чем функциональные выражения. В стрелочных функциях опускается слово «function»
• В функциональном выражении мы используем ключевое слово «return» для возврата значения. В стрелочной функции мы этого не делаем, поскольку стрелочные функции неявно возвращают значения при условии, что мы возвращаем одно выражение или значение.
  

Что такое функция обратного вызова (Callback Function)?

• Рекурсивная функция другими словами.
• Функция обратного вызова — это функция, вызов которой отложен на будущее.
• Функция, принимающая значения в зависимости от изменения значения переменной True, False.

Что будет записано в переменную test? var a = 5; var test = 5 != a ? "Yes" : "No";

• No
• Yes
• Ошибка

При работе над большим и сложным проектом, стоит ли использовать принципы DRY, KISS, SOLID? Будете ли вы использовать модульный подход распределения кода?

• Нет, эти принципы предназначены для небольших и средних проектов. Да, так распределение кода по модулям позволяет улучшить читаемость кода.
• Буду использовать только SOLID, DRY и KISS не являются обязательными при разработке. Нет, модульный подход замедляет выполнение кода, а большое количество файлов затрудняет читаемость кода
• Да, эти принципы позволяют создать хороший проект, который смогут поддерживать другие программисты. Да, модульная система файлов позволяет разбить код на небольшие куски которые легко читать и поддерживать
  

Какие типы доступа к свойствам и методам класса Вы знаете?

• save - для сохранения значения, git - для получения
• set - для сохранения значения, get - для получения
• set - для сохранения значения, get - для получения, del-для удаления
• set - для сохранения значения, got - для получения

Какие значения возвращают следующие выражения?
null == undefined
null === undefined

• True, False
• True, True
• False, True

Какое ключевое слово позволяет создавать объекты общего вида?

• object
• this
• prototype

Что такое классы (Classes)?

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

В чем разница между ключевыми словами «var», «let» и «const»?

• Переменные, объявленные с помощью ключевого слова «var», являются глобальными. Разница между «let» и «const» состоит в том, что в первом случае мы может менять значение переменной, а во втором — нет (константа).
• Принципиальной разницы нет. Зависит от версии js.
• const применяется только в функциях, var - это любая целочисленная переменная, let - любое другое значение переменной.
  

Сохранить данные в local-storage можно используя …

• localStorage.saveItem(“ключ”, “значение”)
• localStorage.setItem(“ключ”, “значение”)
• localStorage.putItem(“ключ”, ”значение”)
• localStorage(“ключ”, “значение”)

Ключевое слово импорт используется для …

• Для создания общей области видимости с модулем
• Для отметки переменных и функций которые должны быть доступны за пределами текущего модуля
• Получения функционала из других модулей

Разница между confirm и prompt состоит в …

• между ними нет разницы
• confirm вызывает диалоговое окно с полем для ввода, prompt - окно с подтверждением
• prompt вызывает диалоговое окно с полем для ввода, confirm - окно с подтверждением
• confirm - вызывает окно с предупреждением, prompt - окно с полем для ввода

Какая переменная записана неверно?

• let num_one = 1;
• const number = ‘Hello’
• var num = 10,3;
• let b = false;

Что такое ООП в jаvascript?

• это способ организации кода, при котором все функции, переменные и данные хранятся в одном большом объекте
• это концепция разработки программного обеспечения в которой код пишется на основе заранее подготовленных шаблонов
• это шаблон проектирования программного обеспечения, который позволяет решать задачи с точки зрения объектов и их взаимодействий
• это когда каждый файл jаvascript является отдельным объектом, и все они взаимодействуют друг с другом через специальные методы
  

Деструктуризация - это …

• процесс запускаемый на стадии парсинга js файла, позволяющий компилятору выполнить функции объявленные методом function declaration
• возможность jаvascript передавать значения из объекта в массив
• этап работы ‘сборщика мусора’ на котором происходит удаление всех непомеченных значений
• специальный синтаксис, который позволяет «распаковать» массивы или объекты в несколько переменных
  

Есть переменная let num = ‘123’. Для преобразования её значения к числовому типу можно использовать …

• бинарный плюс
• унарный плюс
• метод fromString()
• В jаvascript число записанное в строковом виде самостоятельно приводится к числовому типу

Какой метод используется для добавления элемента в начало массива?

• push()
• shift()
• pop()
• unshift()

В коде объявлена переменная let string = ‘Hello’. В какой последовательности нужно использовать методы, чтобы перевернуть строку? let reversedString = …

• string.split(‘ ’).join(‘’).reverse()
• string.reverse().split(‘ ’).join(‘’)
• string.join(‘’).reverse().split(‘ ’)
• string.split(‘ ’).reverse().join(‘’)

Какая из следующих функций объекта Array объединяет все элементы массива в строку?

• concat()
• join()
• pop()
• map()

Какие механизмы Вы знаете для работы с асинхронностью в jаvascript?

• prompt, try/catch
• callback, JSON
• promise, async/await

Какие способы объявления переменных Вы знаете?

• let, set, const
• const, var, let
• create, const, var

Принцип KISS подразумевает …

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

Что такое промисы (Promises)?

• Функции, выполняемые при достижении определенного значения переменной.
• Цикл, выполняемый в теле функции.
• Промисы — это один из приемов работы с асинхронным кодом в JS. Они возвращают результат асинхронной операции.

Что такое async/await?

• Async/await — относительно новый способ написания синхронного кода в JS. Выполняются синхронно в условиях многопоточности.
• Цикл, запускающий функции.
• Async/await — относительно новый способ написания асинхронного (неблокирующего) кода в JS. Им оборачивают промис.
  

Ключевое слово import используется …

• для получения функционала из других модулей
• для отметки переменных и функций которые должны быть доступны за пределами текущего модуля
• для создания общей области видимости с модулем
  

Что такое модуль в jаvascript?

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

Что происходит, когда мы обращаемся к свойству класса, которого нет в нем самом, но есть в его прототипе?

• будет выброшено исключение
• будет создано новое свойство в самом объекте
• будет использовано значение свойства из прототипа
• ничего не произойдёт

Условный (тернарный) оператор это …

• конструкция которая выполняет код несколько раз
• конструкция для определения значения переменной в зависимости от условия
• конструкция позволяющая циклично сравнить три или более переменных

Инкапсуляция в ООП это …

• Сокрытие деталей реализации объекта
• Разделение ответственности между классами
• Определение порядка выполнения методов
• Создание иерархических структур данных

Каким образом можно создать новый класс Oak который бы наследовался от существующего класса Tree, и делал бы новый метод grow на основе метода родителя?

• Создать class Oak используя super() в конструкторе. Затем создать метод grow, внутри которого описать новую функциональность
• Создать класс используя extends Tree для наследования. Затем в классе Tree изменить метод grow добавив новую функциональность
• Создать класс используя extends Tree для наследования. Затем в классе Oak создать метод grow, в котором вызвать super.grow() и после этого написать дополнительную функциональность.
  

Принцип DRY применяется для …

• сокращения объема кода за счёт использования более сложных, но коротких конструкций
• сокращения количества переменных, за счет записи новых значений в уже созданные переменные
• исключения дублирования кода, а следовательно сокращение времени разработки и тестирования кода
  

Прежде чем приступить к разработке, используется принцип … который позволяет посмотреть на проект со стороны и продумать детали:

• KISS
• BDUF
• SOLID

Объявлена переменная let string = ‘Hello World !’ Что из приведённого ниже подойдёт для поиска в ней слова ‘World’?

• string.match(/world/gi)
• string.match(/world/g)
• string.search(/world/i)

Когда выполнится код внутри блока do, конструкции do {} while()?

• Перед работой while
• После работы while
• В случае когда условие while будет выполнено
• В случае когда условие внутри while не будет выполнено

Изменить прототип объекта после его создания можно используя …

• метод "Object.setPrototypeOf"
• прототип объекта нельзя изменить
• метод "Object.setPrototype"

Что такое ECMAScript?

• Спецификация языка jаvascript
• Новый язык программирования
• Переработанная реализация jаvascript

Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?

• Нет, это не так. Напротив, данный оператор привлекает довольно большой объём памяти и поэтому довольно медленный.
• Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом.
• В JS преобразовать строку в число невозможно.
  

Какая из следующих функций String object создает строку, которая будет отображаться таким же жирным шрифтом, как если бы она была в теге < b >?:

• anchor()
• big()
• blink()
• bold()

Какая арифметическая операция приводит к ошибке в jаvascript?

• Корень из отрицательного числа
• Деление на ноль
• Все арифметические операции в jаvascript будут отображаться без ошибки

Для создания класса в jаvascript используется …

• ключевое слово new
• ключевое слово class
• функция createClass()
• ключевое слово var

Что выведет данный код?
function User() { }
User.prototype = { admin: false };
let user = new User();
alert(user.admin);

• true
• false
• Ошибку
• Пустой alert

Сохранить данные в localStorage можно используя …

• localStorage.saveItem(‘ключ’, значение)
• localStorage(‘ключ’, значение)
• localStorage.setItem(‘ключ’,значение)

Принцип DRY применяется для …

• За счет создания более сложных, но коротких конструкций
• Сокращения количества переменных, за счет записи новых значений в уже существующие переменные
• Исключения дублирования кода, а следовательно сокращения времени разработки и тестирования кода
  

Принцип KISS подразумевает …

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

Есть переменная let string = ‘hello world!’. Чтобы изменить первую букву в слове ‘hello’ на заглавную нужно использовать …

• string[‘h’] = ‘H’
• string[0] = ‘H’
• Строки в jаvascript являются неизменяемыми
• string.h = ‘H’

Есть ли различие между ключевыми словами var, let, const?

• да, переменные объявленные через var имеют блочную область видимости, а через let и const - глобальную, причём let не позволяет переназначить значение переменной
• нет, переменные объявленные при помощи этих ключевых слов не отличаются
• да, переменные объявленные через var имеют глобальную область видимости, а через let и const - блочную, причём const не позволяет переназначить значение переменной
• да, переменные объявленные через var имеют классовую область видимости, а через let и const - блочную, причём const не позволяет переназначить значение переменной
  

Callback это …

• функция, которая вызывается после выполнения асинхронной операции
• метод, который вызывается перед выполнением асинхронной операции
• свойство, которое указывает на успешное выполнение асинхронной операции

Какую функцию выполняет ключевое слово this?

• используется внутри цикла для сохранения данных на текущей стадии выполнения
• содержит в себе информацию о браузерном событии
• используется для вызова метода за пределами объекта
• предоставляет доступ методу к информации внутри объекта

Как в классе объявляется геттер возвращающий свойство name?

• get name {return this.name}
• get name() {return this._name}
• get name() {return name}
• get: () => {return this._name}

Вы работаете над веб-приложением, которое использует jаvascript для отображения данных на странице. Данные поступают с удаленного сервера с помощью AJAX-запросов. Вопросы: Как обрабатывать ошибки в jаvascript? Как оптимизировать производительность jаvascript-кода и улучшить его читаемость?

• Обработать ошибки можно используя конструкцию try catch или подключив дополнительные библиотеки. Чтобы улучшить производительность используется минификация и сжатие кода, кэширование. Чтобы улучшить читаемость можно использовать комментарии, структурирование кода и общепринятые соглашения о кодировании
• Обработка ошибок в jаvascript производится при помощи встроенных функций и методов. Для улучшения производительности код пишут в одном файле. Улучшить читаемость можно при помощи использования современного синтаксиса
• Обработать ошибки в JS можно при помощи if else. Нельзя напрямую улучшить производительность кода, этим занимаются разработчики движка js. Читаемость кода можно улучшить дополнительными отступами и пробелами, а также используя комментарии
  

Условный (тернарный) оператор это - …

• Конструкция которая выполняет код несколько раз
• Конструкция позволяющая сравнить три переменных
• Конструкция для определения переменной в зависимости от условия
• Конструкция позволяющая циклично сравнить три или более переменных

Для создания класса в JS используется …

• Ключевое слово var
• Ключевое слово class
• Ключевое слово new

Что такое переменная?

• файл на жёстком диске, который создает программа для хранения значений
• именованный контейнер для хранения определенного набора битов или типа данных
• функция которая позволяет вычислить значение на основании полученных данных
• новый функционал введенный в ECMA(2015)

Ключевое слово export используется для …

• получения функционала из других модулей
• отметки переменных и функций которые должны быть доступны за пределами текущего модуля
• для создания общей области видимости с модулем
  

Регулярные выражения в JS могут быть использованы для …

• Для записи повторяющихся данных
• Для поиска и замены в строке
• Для извлечения данных с web-страницы

Какие способы получения свойства объекта Вы знаете?

• obj.key или obj["key"]
• obj{key}
• obj.”key” или obj.[“key”]
• obj{“key”}

Деструктуризация это …

• Процесс запускаемый на стадии парсинга, позволяющий выполнить функции объявленные при помощи function declaration
• Специальный синтаксис позволяющий распаковать массивы или объекты в несколько переменных
• Этап работы ‘сборщика мусора“ на котором происходит удаление всех непомеченных значений
  

Для чего используется ключевое слово «new»?

• Ключевое слово «new» используется в функциях-конструкторах для создания нового объекта (нового экземпляра класса)
• Ключевое слово «new» используется в функциональном программировании для создания новой функции
• Если есть несколько констант в одной функции. то каждая последующая константа должна начинаться с new
  

Изменить прототип объекта после его создания можно используя …

• Прототип объекта нельзя изменить
• метод Object.setPrototypeOf
• метод Object.setPrototype

Инкапсуляция в ООП это …

• Сокрытие деталей реализации объекта
• Разделение ответственности между классами
• Создание иерархических структур данных