Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 60 из 114 · 13 мин
Системы счисления 0x 0o 0b, разделители 1_000, BigInt 123n, экспонента 1e3, экранирование \u{…}, литерал регулярки, дырки в массиве, теговые шаблоны, вычисляемые ключи, методы и аксессоры в объектах.
Цвет #c8763a в коде — это число?
Можно и числом: 0xc8763a. В JavaScript много способов записать значение — покажу все.
0x 0o 0b0xff — шестнадцатеричное, 0o17 — восьмеричное, 0b1010 — двоичное.console.log(0xff, 0o17, 0b1010);1_000_000console.log(1_000_000 + 250_000);123nn в конце — целое произвольной длины.console.log(9007199254740993n + 1n);1e31e3 = 1000, 2.5e-3 = 0.0025.console.log(1e3, 2.5e-3);\u{…}\n перевод строки, \t табуляция, \" кавычка, \u00e9 и \u{1F375} — символ по коду.console.log("Привет\u{1F44B}\tмир\n— \"цитата\"");/…/флаги/блокнот/i — шаблон для поиска в тексте; флаги после второго слэша.console.log(/блокнот/i.test("Новый БЛОКНОТ"));[1, , 3]forEach/map пропускают.const a = [1, , 3];
console.log(a.length, 1 in a);
a.forEach((x) => console.log(x));тег`шаблон`tag…` вызывает функцию tag(strings, ...values) — она решает, как собрать строку. Встроенный тег String.raw` не обрабатывает экранирование.function rub(strings, ...values) {
return strings.reduce((out, s, i) => out + s + (i < values.length ? values[i] + " ₽" : ""), "");
}
console.log(rub`Блокнот ${220}, пенал ${290}`);
console.log(String.raw`C:\new\shelf`);[expr]: …{ [key]: value } — имя свойства вычисляется.const size = "L";
const prices = { [size]: 290, [`${size}-promo`]: 250 };
console.log(prices);{ total() { … } } вместо { total: function () { … } }. Так же пишутся async-методы и генераторы: async load() {}, *items() {}.super.const cart = {
items: [220, 150],
total() { return this.items.reduce((a, b) => a + b, 0); }
};
console.log(cart.total());{ get total() {…}, set total(v) {…} } — свойство, чтение и запись которого вызывают функции.const cup = {
ml: 350,
get liters() { return this.ml / 1000; },
set liters(v) { this.ml = v * 1000; }
};
cup.liters = 0.45;
console.log(cup.ml, cup.liters);Большие числа пиши с _, а цвета — в шестнадцатеричном виде: код читается как документация.
Задай limit = миллион через разделители, brand = цвет 0xc8763a, big = BigInt 9007199254740993n, и объект cup с аксессором get liters() (из ml: 350, делить на 1000).
Выберите один ответ.
Чему равно 0x10?
Выберите один ответ.
Что получает функция-тег первым аргументом?
Проверяем состояние обучения…