Перепишите пример c картинки, используя promise.

Promise это достаточно современный подход написания асинхронного кода. Ранее использовался подход с использованием колбеков. При большой вложенности получался т.н. «ад обратных вызовов».

При использовании промисов код выглядит читабельно и удобен для редактирования:


const printSec = (number) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(`${number} sec`)
resolve()
},
1000)
})
}

printSec(1)
.then(() => printSec(2))
.then(() => printSec(3))

👉 @frontendInterview

Адресная книга

Вам дана строка, в которой записаны друзья и штаты, в которых они проживают

Вам нужно написать функцию, которая отсортирует друзей по их штатам.

Пример:
ad3="John Daggett, 341 King Road, Plymouth MA
Alice Ford, 22 East Broadway, Richmond VA
Sal Carpenter, 73 6th Street, Boston MA"

Massachusetts
.....^John Daggett 341 King Road Plymouth Massachusetts
.....^Sal Carpenter 73 6th Street Boston Massachusetts
^Virginia
.....^Alice Ford 22 East Broadway Richmond Virginia

👉 @frontendInterview

👉 @frontendInterview

Как работает прототипное наследование в JS?

Каждый объект в JS имеет базовый объект – прототип. Если свойство не находится в исходном объекте, то поиск продолжается в его "родительском" объекте.

Установить прототип объекта можно только во время создания объекта: если вы создаете новый объект с помощью новой Func(), свойство объекта [[Prototype]] будет установлено на объект, на который ссылается Func.prototype.

👉 @frontendInterview

👉 @frontendInterview

Что произойдет со страничкой в результате выполнения кода с картинки?

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

 foo() {
    return Promise.resolve(1).then(foo);
}

foo();

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

👉 @frontendInterview

​Какие типы данных представлены в javanoscript?

Чтобы узнать тип переменной JavaScript, мы можем использовать оператор typeof.

String – представляет собой серию символов и записывается в кавычках. Строку можно представить в одинарных или двойных кавычках.

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

BigInt – используется для хранения чисел, превышающих ограничение типа данных Number. Он может хранить большие целые числа и представлен добавлением «n» к целочисленному литералу.

Boolean – представляет собой логическую сущность и может иметь только два значения: истина или ложь. Логические значения обычно используются для условного тестирования.

Undefined – когда переменная объявлена, но не назначена, она имеет значение undefined, и ее тип также не определен.

Null – представляет несуществующее или недопустимое значение.
typeof null равен "object" и это нужно учитывать в проверках

Symbol – это новый тип данных, представленный в версии JavaScript для ES6. Он используется для хранения анонимного и уникального значения.

Object – используется для хранения коллекции данных.Важно помнить, что любой тип данных, который не является примитивным типом данных, относится к типу объекта в javanoscript.

Array – это не отдельный тип данных, на самом деле это Object.

👉 @frontendInterview

👉 @frontendInterview

New Perspectives HTML5 and CSS3, 7th Edition (2017)

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

👉 @frontendInterview

Динамическая генерация цвета

Создайте функцию, которая будет генерировать цвет в hex формате.

Примеры:
#ffffff
#25a403
#000001

👉 @frontendInterview

Getting MEAN with Mongo, Express, Angular, and Node (2019)

Книга научит вас разрабатывать веб-приложения, используя стек MEAN. Во время чтения в начале вы сделаете статический сайт при помощи Express и Node, далее интегрируете базу данных MongoDB, создадите API и добавите систему аутентификации. Попутно вы получите бесчисленное множество профессиональных советов по созданию качественных веб-приложений.

👉 @frontendInterview

Как найти сумму элементов массива, если вложенность массива неизвестна?

Для этого можно использовать рекурсию.
function arraySum(arr) {
let sum = 0;
arr.map((item) => {
if (Array.isArray(item)) {
sum += arraySum(item);
} else {
sum += item;
}
});
return sum;
}
console.log(arraySum([[1, 2, [3, 4]], [9], [10, 12]]));

👉 @frontendInterview

👉 @frontendInterview