Задачи по JS/CSS/HML – Telegram
Задачи по JS/CSS/HML
1.74K subscribers
50 photos
10 links
Задачи по JS/CSS/HML
Опросы и тесты.

Задачи с собеседований и их решения.

@viktorreh

Чат для обсуждения наших задач: https://news.1rj.ru/str/+YShywCEkhylkMDVi
Download Telegram
Javanoscript вопрос: Какой оператор позволяет проверить, принадлежит ли объект к определенному классу (либо наследующему от указанного класса)?
Anonymous Quiz
8%
isinstance
33%
instanceof
5%
hasInstance
45%
instanceOf
9%
Посмотреть ответы
👍7❤‍🔥1
Вопрос на JavaScript собеседовании.

Как проверить, что число — целое?

Ответ:
Самый простой способ узнать, что число целое, — проверить, есть ли остаток при делении числа на 1.
x = 10;
if (x % 1 == 0) { console.log ('Число целое')}
else {console.log ('Число не целое')}


#js #собеседование
🤔7👍6
Вопрос на JavaScript собеседовании.

Объясните, что такое функция обратного вызова (callback), и приведите простой пример

Ответ:
Функция обратного вызова — это функция, которая передаётся в качестве аргумента другой функции и выполняется после завершения операции.

Вот пример простой функции обратного вызова:
function modifyArray(arr, callback) {
arr.push(100);
callback();
}
var arr = [1, 2, 3, 4, 5];
modifyArray(arr, function() { console.log("Массив изменён", arr); });


#js #собеседование
👍18
JavaScript вопрос: Приведет ли исполнение данного кода к ошибке?
Anonymous Quiz
55%
Да
29%
Нет
16%
Посмотреть ответы
❤‍🔥2
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
57%
1 и false
5%
false и NaN
12%
false и false
12%
1 и NaN
14%
Посмотреть ответы
👍5❤‍🔥11
Вопрос на JavaScript собеседовании.

Что выведет этот код?
(function() {
var a = b = 5;
})();
console.log(b);


Ответ:
Этот код вернёт число 5.

Выражение var a = b = 5; читается как var a = b; b = 5; , поэтому в переменной b будет храниться пятёрка. А подвох тут в том, что хоть эта переменная и была объявлена только внутри функции, но JavaScript всё равно может иногда получать доступ к таким локальным переменным — это называется «поднятие» переменных, или hosting.


#js #собеседование
👍20👎42
Javanoscript вопрос: Что вернет код ниже?
typeof new Number(0)
Anonymous Quiz
9%
"null"
9%
"undefined"
36%
"number"
38%
"object"
8%
Посмотреть ответы
🔥7👏1
Вопрос на JavaScript собеседовании.

Что выведет этот код?
for (var i = 0; i < 4; i++) {
setTimeout(() => console.log(i), 0)
}


Ответ:

На экране будут четыре четвёрки.

Здесь классическая ловушка с нулевыми задержками. Дело в том, что setTimeout (callback, 0) не означает, что обратный вызов функции сработает через ноль миллисекунд.

Вот что происходит тут на самом деле:

Текущий стек вызовов установлен на первый setTimeout ().
windows.setTimeout () — это веб-API, и он не блокирует ввод-вывод при работе с функциями. Это значит, что через 0 миллисекунд наша анонимная функция будет отправлена в очередь, а не в стек вызовов. А в очереди она подождёт, пока основная программа не закончит свои дела и не вернётся к очереди.
Поскольку стек вызовов свободен, цикл for может продолжиться до второго setTimeout (), потом до третьего и до четвёртого.
Теперь цикл завершён, и i равно 4. Теперь JS может выполнять очередь вызовов один за другим. В итоге каждый console.log (i) выведет 4.


#js #собеседование
👍19🔥4
Вопрос на JavaScript собеседовании.

Как проверить, что строка является палиндромом?

Ответ:
Простое решение — перевести всё в один регистр, перевернуть слово и сравнить его с исходным.
const palindrome = str => {
// переводим строку в нижний регистр
str = str.toLowerCase()
// переворачиваем входную строку и возвращаем результат
// сравниваем результаты
return str === str.split('').reverse().join('')
}


#js #собеседование
10👍7
Вопрос на JavaScript собеседовании.

Как посчитать все гласные в строке?

Ответ:


const findVowels = str => {
let count = 0
const vowels = ['а', 'я', о', 'ё', 'у', 'ю', 'э', 'е', 'и', 'ы']
for(let char of str.toLowerCase()) {
if(vowels.includes(char)) {
count++
}
}
return count
}


#js #собеседование
👍11😢8🥴41
Вопрос на JavaScript собеседовании.

Что такое AJAX в JavaScript?

Ответ:

AJAX (асинхронный JavaScript и XML) — это метод выполнения асинхронных серверных запросов с веб-страницы без перезагрузки всей страницы. AJAX позволяет разработчикам динамически обновлять веб-страницу новыми данными без необходимости обновления страницы.
Это достигается путем отправки HTTP-запроса из браузера на сервер и обновления только тех частей страницы, которые требуют его с ответом. Это улучшает взаимодействие с пользователем, поскольку страница не перезагружается, а обновляются только необходимые данные.

Пример:
const xhr = new XMLHttpRequest();

xhr.open('GET', 'https://api.example.com/data');

xhr.onreadystatechange = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
console.log(xhr.responseText);
}
};

xhr.send();


#js #собеседование
👍152🤔1
Вопрос на JavaScript собеседовании.

Что такое обратный вызов в JavaScript?

Ответ:

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

Пример:
const fetchData = (callback) => {
setTimeout(() => {
callback('Data fetched!');
}, 1000);
};

fetchData(data => {
console.log(data);
});


#js #собеседование
👍13🔥2🥰21
Друзья, мы недавно начали вести наш канал. Напишите как вам контент и что можно добавить еще?
👍35
Javanoscript вопрос: Какой оператор позволяет выйти из цикла?
Anonymous Quiz
3%
leave
91%
break
3%
broke
2%
left
2%
Посмотреть ответы
😁7👍3🔥1
На собесах довольно часто бывают задачки по алгоритмам в каком либо виде.

Нужны ли нам в канале алгоритмы?
Anonymous Poll
6%
Ну такое себе
85%
Да
4%
Нет
6%
Посмотреть ответы
👍4
Вопрос на React собеседовании.

Что такое реквизиты в React?

Ответ:

Реквизиты (props, пропсы) – это данные, которые передаются компоненту от родителя. Реквизиты доступны только для чтения и не могут быть изменены (картинка сверху).

Подробнее о реквизитах – в
документации.

#react #собеседование
🤡12👍5👎21