#вопросы_с_собеседований

Мы запускаем новую рубрику, где будем разбирать отдельные вопросы а также пачки задач, которые дают на собеседованиях в российские компании. На этот раз решили обсудить одну из самых активных в найме компанию в этом году — дом.рф на грейд middle+/senior.

Для этого собрал (никак не редактируя и не изменяя) точный порядок вопросов и задач, который спрашивали там на техническом собеседовании.

На сколько вопросов ответили бы без проблем?)

0️⃣ Какие знаешь архитектуры: чем они хороши и для каких ситуаций?

1️⃣ Что выведет:

console.log([] === []);

2️⃣ Что произойдёт?

let str = 'somestr'
console.log(str[1])
str[1] = 'h'
console.log(str[1])

3️⃣ Что это:

?.

...

??

&&=

`${foo}`

structuredClone(bar)

someArray.at()

4️⃣ Напиши функцию прототип для String capitalize
'asd'.capitalize() => Asd

5️⃣ Чем отличаются Object от Map / Set / Array?

6️⃣ Когда нужен Map, а когда Object достаточно?

7️⃣ Когда нужен Set, а когда Object достаточно? (повтор вопроса)

8️⃣ Задача: вернуть новый массив, состоящий из уникальных (встречаются ровно 1 раз) элементов исходного.

const test = [10, 5, 10, 0, 6, 6, 7, 2, 9, 9]

9️⃣ Расскажи про event loop

🔟 Что выведется на консоль?

setTimeout(() => {
console.log("timeOut");
}, 0);

console.log(1);

new Promise(resolve => {
console.log("Promise");
setTimeout(() => {
console.log("777");
resolve();
}, 0);
}).then(() => {
console.log("then1");
}).then(() => {
console.log("then2");
});

console.log(4);

setTimeout(() => {
console.log("timeOut2");
}, 0);

1️⃣1️⃣ Расскажи про статические методы Promise

1️⃣2️⃣ Расскажи про async/await

1️⃣3️⃣ Нужно вывести строку в обратном порядке без дублей, объекты отсортированы по order и должны быть не expired

const input = [
{ value: 'abcd', order: 3, expired: false },
{ value: 'qwer', order: 2, expired: true },
{ value: 'xyz0', order: 1, expired: false },
{ value: 'abx1', order: 3, expired: false },
];

1️⃣4️⃣ Чем отличаются useEffect / useLayoutEffect?

1️⃣5️⃣ Сколько раз и когда вызываются:

useEffect(() => { ... })
useEffect(() => { ... }, [])
useEffect(() => { ... }, [a, b])

1️⃣6️⃣ Для чего нужен useRef?

1️⃣7️⃣ Как оптимизировать:

const heavyFunc = (count) => {
// hard calculations
};

const LazyInit = (props) => {
const [count, setCount] = useState(heavyFunc(props.count));
...
};

1️⃣8️⃣ Как оптимизировать:

const increment = useCallback(() => {
setCount(prev + 1);
}, []);

1️⃣9️⃣ Как сделать, чтобы тут была не 1:

setTimeout(() => {
setClicks(clicks + 1);
}, 2000);

2️⃣0️⃣ Чем отличаются any / unknown / never / void?

2️⃣1️⃣ Напиши код, чтобы была ошибка на:

getProperty(x, "m");

Если интересно разобрать ответы на вопросы с этого собеседования — ставь 🔥, а также пишите в комментарии вопросы из каких компаний сейчас актуальнее всего 🫡

А если интересно подготовиться с нами к интервью в крупную компанию — велком @codepunks_bro)