Задачи по 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
JavaScript. Какой вариант модифицирует объект person?
Anonymous Quiz
32%
person.name = "Evan Bacon"
9%
person.age = 21
12%
31%
Object.assign(person, { age: 21 })
16%
Посмотреть ответы
HTML вопрос: Какое максимально допустимое количество <nav> на одной странице?
Anonymous Quiz
19%
1
3%
2
9%
По одному на каждый <header>
61%
Количество <nav> не ограничено
7%
Посмотреть ответы
😁81
Вопрос на React собеседовании.

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

Ответ:

Получить доступ к переменной в состоянии можно с помощью декоратора observable для определения переменной как наблюдаемой: пример на картинке сверху.

В примере с картинки выше переменная myVariable определяется как наблюдаемая с помощью декоратора observable. Затем к переменной можно получить доступ с помощью store.myVariable. Любые изменения, внесенные в myVariable, будут автоматически вызывать обновления в зависимых компонентах или реакциях.

Подробнее о доступе к переменным
написано здесь.

#react #собеседование
👍4👎3
JavaScript. Какой из представленных вариантов вернет 6?
Anonymous Quiz
44%
sumValues(...[1, 2, 3])
8%
sumValues([...1, 2, 3])
6%
sumValues([...[1, 2, 3]])
34%
sumValues([1, 2, 3])
7%
Посмотреть ответы
3
Javanoscript вопрос: У функций arguments это...
Anonymous Quiz
45%
Массив
40%
Объект
3%
Map
6%
Set
5%
Посмотреть ответы
Javanoscript вопрос: Если переменная объявлена внутри функции с помощью ключевого слова var, может ли она быть доступна снаружи этой функции?
Anonymous Quiz
55%
Да
43%
Нет
2%
Посмотреть ответы
JavaScript. Каким будет результат?
Anonymous Quiz
27%
42
13%
"42"
16%
7
31%
NaN
13%
Посмотреть ответы
👍2
Вопрос на JavaScript собеседовании.

Что выведет этот код?
var y = 1;
if (function f() {}) {
y += typeof f;
}
console.log(y);


Ответ:
Этот код выведет «1undefined».

В условном операторе мы описываем пустую функцию — function f() {}. С описанием всё в порядке, и функция определена корректно, поэтому мы получаем true, а значит — переходим к тому, что делает условный оператор. А вот там уже мы пытаемся получить тип объекта f, но проблема в том, что он определён в условии и не виден внутри фигурных скобок. Его область видимости — условие, которое мы уже проверили, и дальше эта функция нигде не видна, поэтому к единице добавляется сообщение, что переменная не определена.


#js #собеседование
👍19
JavaScript. Каким будет результат?
Anonymous Quiz
20%
"345"
59%
"75"
16%
12
4%
"12"
2%
Посмотреть ответы
😁10
Javanoscript вопрос: Что вернет 'foo' + + 'bar' ?
Anonymous Quiz
27%
'foobar'
12%
'foo bar'
31%
'fooNaN'
7%
'NaN'
16%
NaN
8%
Посмотреть ответы
🔥4👍2
Вопрос на JavaScript собеседовании.

Что такое замыкание в JavaScript?

Ответ:
Замыкание — это функция, которая имеет доступ к переменным своей внешней функции.

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

function outerFunction(x) {
return function innerFunction(y) {
return x + y;
};
}

const add5 = outerFunction(5);
console.log(add5(3)); // 8


#js #собеседование
👍143
Вопрос на React собеседовании.

Для чего используется useContext и как он работает?

Ответ:

В типичном React-приложении данные передаются сверху вниз (от родительского компонента к дочернему) с помощью реквизитов (пропсов). Однако такой способ может оказаться слишком громоздким для некоторых типов реквизитов, которые нужно передавать многим компонентам – из-за языка или темы пользовательского интерфейса, например. Контекст предоставляет возможность обмена данными между компонентами без необходимости явной передачи реквизита через каждый уровень дерева.

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

Подробности об использовании useContext в
документации.

#react #собеседование
👍81