Дмитрий Беляев

У микротасок отдельная очередь выполнения. Если очень примитивно представить event-loop браузера, то получится код вроде такого:

// весь event-loop
while (true) {
  // цикл микротасок:
  while (!microtaskQueue.isEmpty) {
    microtaskQueue.runNext();
  }

  if (!macrotaskQueue.isEmpty) {
    macrotaskQueue.runNext()
  }
}

Как видно из этого псевдокода, очередь микротасков будет выполнятся пока она не закончится, а очередь макротасков будет выполнять по 1 таске на итерацию event-loop. Соответственно, если в микротаске добавить в очередь еще одну микротаску, то она выполнится на той же итерации event-loop до того как управление перейдет к макротаскам.
Этим кстати объясняется то, что такая функция вешает вкладку браузера намертво:

function microtaskBomb() {
  return Promise.resolve().then(microtaskBomb);
}

И да, в моем примере очень примитивное представление event-loop. На самом деле там происходит гораздо больше интересных вещей. Например requestAnimationFrame живут в своей очереди, которая тоже обрабатывается по особенному.

Map ничего общего не имеют с массивами, они реализуют совершенно другую структуру данных - хэш таблицу

От объектов так же есть отличия:
- У объектов в качестве ключа может быть только строка или символ, у Map - любой тип
- Map под капотом всегда представлены как OrderedHashMap (упорядоченная хэш таблица), объекты представлены той же структурой данных, но в отличии от Map после оптимизации могут быть представлены в виде обычных сишных структур, где нужное поле получается по смещению от указателя.
- Для манипуляции с объектами есть множество синтаксического сахара (вроде оператора in или spread (...) оператора), и оптимизатор знает об этом сахаре. У Map есть только его методы, с которыми оптимизатор может сделать не так уж и много (так как некоторые оптимизации не применимы к динамическому диспатчингу, ибо ведут к UB, а JS - язык с гарантированным отсутствием UB)

https://nodejs.org/dist/latest-v17.x/docs/api/cons...
Обратите внимание на параметр depth

Во-первых, infer в самом предикате участвует как any
Во-вторых, функция с меньшим количеством аргументов является подтипом для функции с большим количеством аргументов (это позволяет, например, отдать в колбэк функцию, которая не использует всех переданных ей аргументов)

То есть тип () => void является потомком типа (param: any) => void, а значит Ваш предикат в типе A становится истинным и уходит в ветку, где Вы возвращаете R из infer, который выводится к вершине иерархии - типу unknown

То что Вы задумали, можно сделать так:

type A<T> = T extends (...param: infer P) => void
  ? P extends [infer R, ...unknown[]]
    ? R
    : string
  : string;

https://developer.mozilla.org/ru/docs/Web/JavaScri...

const im = document.querySelector('.im')

im.onclick = () => {
    if (im.src.endsWith('img/sunny.png')) {
        im.src = 'img/moon.png';
        console.log(im.src)
    } else {
        im.src = 'img/sunny.png';
    }
}

Ну а вообще лучше просто в отдельную переменную завести состояние и проверять его

Попробуйте поправить так:

export const TypographyType = {
  [TypographyTypeStyle.h1]: 'h1',
  [TypographyTypeStyle.h2]: 'h2',
  [TypographyTypeStyle.h3]: 'h3',
  [TypographyTypeStyle.h4]: 'h4',
  [TypographyTypeStyle.p1]: 'p',
  [TypographyTypeStyle.p2]: 'p',
} as const;

as const зафиксирует литеральные типы на объекте, правда сам объект сделает readonly, если это не устраивает, то можно писать as const напротив каждого поля

С точки зрения данного паттерна не важно как и где хранятся данные, в 1 таблице или вообще в разных БД. Тут главный вопрос в том, может ли с точки зрения Вашей доменной области user существовать как полноценная сущность без profile или нет.
Когда разберетесь с этим моментом, то ответ придет сам, о том как правильно в Вашем случае.

Что-то вроде такого можно сделать:

type TestResult<T extends string[] | CustomClass[]> = T extends CustomClass[] ? T : void;
function test<T extends string[] | CustomClass[]>(data: T): TestResult<T> {
    if (data[0] instanceof CustomClass) {
      return data as TestResult<T>;
    }

    return undefined as TestResult<T>;
}

https://www.typescriptlang.org/play?#code/CYUwxgNg...

Но без приведения типов внутри не обойтись. Ну и как писал WbICHA в комментах, такие типы не безопасны для пустого массива, так как в рантайме типов нет, а значит и нет возможности проверить, какого типа пришел пустой массив.

node.js и express тут не причем, а вот что при чем - так это БД, а Вы не указали, какую БД используете.
В большинстве БД, которые умеют unique, используют для этого индексы, а индексы можно строить не только по 1 полю, но и по группе полей. В вашем случае unique index должен состоять из двух полей - user_id и task_id, что сделает их уникальными именно в паре.

P.S. мне кажется не очень хорошая идея давать юзеру самому задавать id, особенно для тех сущностей, что юзер может создавать более одной.

https://developer.mozilla.org/ru/docs/Web/API/Wind...

const m = matchMedia('(min-width: 1000px)');
m.addListener(() => {
  // Ваш скрипт тут
});

Абсолютно все действия в VSCode работают через команды (те самые, что можно запускать руками через Ctrl+Shift+P или Cmd+Shift+P на маке)
Привязка клавиш осуществляется так же к какой либо команде.
Нужная Вам команда имеет id: workbench.action.editor.changeLanguageMode и по умолчанию к ней уже привязано сочетание Ctrl+K M (сначала нажимаете Ctrl+K и потом сразу M), но Вы конечно же можете его сменить

Данный скрипт срабатывает до того как есть 2 кнопки на странице, вот и все

https://www.npmjs.com/package/commonjs-variables-f...
для себя делал, пользуйтесь на здоровье