Тот самый канал по JavaScript.
Личный блог автора - @just_genych
По вопросам рекламы или разработки: @g_abashkin
Post #3277
1.12K
Channel Public Channel
НА Настоящий JavaScript
@true_js
- Subscribers
- 5.87K
- Photos
- 3K
- Videos
- 7
- Links
- 2.8K
Showing posts older than #3278 · Back to latest
Older Posts 20 shown
Post #3275
1.1K
Post #3273
1.15K
Post #3266
1.12K
Post #3264
1.16K
Post #3262
1.2K
Post #3261
1.32K
Post #3260
1.17K
Post #3258
1.07K
Post #3257
1.2K
Post #3256
1.13K
Post #3254
967
Post #3253
1.15K
Post #3251
1.13K
Post #3250
1.22K
👷♂️ Как отследить событие закрытия браузера и вкладки с помощью JavaScript
📂 Читать
#статья
💛 Настоящий JavaScript
📂 Читать
#статья
💛 Настоящий JavaScript
Post #3249
1.19K
Post #3247
1.21K
TypeScript - оператор satisfies
Алоха товарищи фронты! Я знаю что это не самая новая фича в TS, но я думаю что далеко не все знают о об этом операторе и уверен что многим будет это полезно.
И так что делает оператор:
Позволяет нам проверить соответствие выражения некоторому типу, не меняя сам тип. Это помогает при работе с объектами со смешанными типами данных.
Рассмотрим на примере:
}
❗️ Объект
Вот тут-то нам и поможет оператор
Также оператор
Надеюсь что было полезно. В общем удачи в экспериментах!
Алоха товарищи фронты! Я знаю что это не самая новая фича в TS, но я думаю что далеко не все знают о об этом операторе и уверен что многим будет это полезно.
И так что делает оператор:
Позволяет нам проверить соответствие выражения некоторому типу, не меняя сам тип. Это помогает при работе с объектами со смешанными типами данных.
Рассмотрим на примере:
type FormFields = "name" | "surname" | "age";const data: Record<FormFields, number | string> = {name: "name",surname: "surname",age: 21,}
const newAge = data.age * 2;const nameUpperCase = data.name.toUpperCase();❗️ Объект
data имеет как числовые, так и строковые значения, поэтому при работе с этим объектом мы получаем следующие ошибки:The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.Property 'toUpperCase' does not exist on type 'string | number'.Property 'toUpperCase' does not exist on type 'number'.Вот тут-то нам и поможет оператор
satisfies.type FormFields = "name" | "surname" | "age";const data = { name: "name", surname: "surname", age: 21,} satisfies Record<FormFields, string | number>const newAge = data.age * 2;const nameUpperCase = data.name.toUpperCase();Также оператор
satisfies можно использовать для отлова некоторых ошибок. Например, для проверки объектов на наличие ключей, соответствующих заданному типу:type FormFields = "name" | "surname" | "age";const data = { name: "name", surname: "surname", age: 21, passport: {}} satisfies Record<FormFields, string | number>Надеюсь что было полезно. В общем удачи в экспериментах!
- 👍 5
- ❤ 1
Post #3246
1K
Post #3244
1.1K
Post #3243
1.16K
