Общие тесты JavaScript

let a, b, c = [1, 2, 3, 4, 5]; можно представить как:

let a;
let b;
let c = [1, 2, 3, 4, 5];

В данном коде ничего не присваивается переменным a и b. Поэтому их значением является undefined.

Если во внутренней области видимости объявить переменную с тем же именем, что и во внешней, она перекроет переменную из внешней области видимости. Этот эффект называется shadowing (затенение).

Благодаря этому мы получаем при выводе ‘Мир’, а не ‘Привет’.

Объект HTMLCollection представляет собой список элементов HTML в виде массива.

К элементам коллекции можно получить доступ по индексу (начинается с 0).

Свойство length возвращает количество элементов в коллекции.

Пример:

let x = document.getElementsByTagName(«P»);
// Возвращает коллекция всех элементов P в документе

Важно!

HTMLCollection — это не массив!

HTMLCollection может выглядеть как массив, но это не так.

Вы можете перебирать HTMLCollection и ссылаться на его элементы с помощью индекса.

Но вы не можете использовать методы массива, такие как push(), pop() или join(), в HTMLCollection.

Метод match() выполняет поиск по строке с использованием регулярного выражения и возвращает массив, содержащий результаты поиска.

Ситаксис

str.match(regexp)

Параметры

regexp

Объект регулярного выражения. Если будет передан объект obj, не являющийся регулярным выражением, он будет неявно преобразован в объект RegExp через вызов конструктора new RegExp(obj).

Описание:

Если регулярное выражение не содержит флаг g, возвращаемый результат будет тем же самым, что и при вызове метода RegExp.exec(). Возвращаемый объект массива имеет дополнительное свойство input, которое содержит оригинальную строку. Кроме того, он имеет свойство index, которое представляет индекс (нумерация с нуля) сопоставления в строке.

Если регулярное выражение содержит флаг g, метод вернёт массив, содержащий все сопоставления. Если сопоставлений не было, метод вернёт значение null.

Пример:

const myText = «s7t89ring0»; // инициализируем переменную, содержащую строку
const pattern = /\d+/g // cоответствует всем вхождениям одной или более цифр
const arr = myText.match(pattern);
console.log( arr ); // Выведет [«7», «89», «0»]

Преобразование типов может быть явным и неявным. Когда разработчик выражает намерение сконвертировать значение одного типа в значение другого типа, записывая это соответствующим образом в коде, скажем, в виде Number(value), это называется явным приведением типов (или явным преобразованием типов).

Так как JavaScript — это язык со слабой типизацией, значения могут быть конвертированы между различными типами автоматически. Это называют неявным приведением типов. Обычно такое происходит, когда в выражениях используют значения различных типов, вроде 1 == null, null + true. Неявное преобразование типов может быть вызвано и контекстом выражения, вроде if (value) {…}, где value неявно приводится к логическому типу данных.

В JavaScript существует лишь 3 типа конвертации: в строку, в число или в логическое значение.

Чтобы конвертировать значение в эти типы, можно воспользоваться одноимёнными функциями:

String(20) // Приводит к строке.
Number(’20’) // Приводит к числу.
Boolean(20) // Приводит к логическому значению.

Метод addEventListener — это самый функциональный способ позволяющий добавить обработчик события к указанному элементу и запустить выполнение программы при совершении заданного действия. Получить информацию о сигналах браузера можно из Document (DOM), Element, Window и других объектов поддерживающих события.

addEventListener() является одних из 3 способом прослушивать события, наряду с добавление атрибута к тегам в HTML и обращения к свойствам объекта напрямую.

addEventListener() позволяет добавить несколько обработчиков на одно событие. Это происходит потому, что у объекта только одно свойство, например с именем onclick (клик) или mousemove (движение мыши) и если обратиться к одному из них напрямую несколько раз, второй обработчик перезапишет первый.

Функция, принимающая в качестве аргументов другие функции или возвращающая другую функцию в качестве результата, называется функцией высшего порядка.

С функциями в JavaScript вы можете:

— Хранить их в качестве переменных;
— Использовать их в массивах;
— Назначать их в качестве свойств объекта (методов);
— Передавать их в качестве аргументов;
— Возвращать их из других функций.

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

isEven = (num) => num % 2 === 0;
result = [1, 2, 3, 4].filter(isEven);
console.log(result); // [2, 4]

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

В примере переменная a становится  глобальной переменной после выполнения функции first(). После чего функция alert() отрабатывает без ошибки, т.к. она видит эту переменную.

window — это глобальный объект, предоставляемый браузером. Через него происходит управление окнами (вкладками) в браузере. Он содержит функции для открытия вкладки, управление положением страницы и многим другим.

Кроме того, объект Window определяет методы, такие как alert(), который отображает диалог с сообщением, и setTimeout(), который регистрирует функцию для вызова через указанный промежуток времени.

Объект window задает глобальный контекст выполнения. window хранит внутри себя все остальные глобально доступные свойства и объекты. Каждый раз, когда мы вызываем глобальные функции, такие как alert() или console.log(), браузер ищет их в объекте window. То есть в действительности происходит вызов window.alert().

Метод Object.keys() возвращает массив, состоящий из имён свойств объекта (ключей).

Пример:

const colors = {
brown: ‘470’,
white: ‘103’,
red: ’50’,
}

const types = Object.keys(colors);
// вот как будет выглядеть массив types: [«brown», «white», «red»]

В JS поддерживаются следующие математические операторы:

Сложение +,
Вычитание -,
Умножение *,
Деление /,
Возведение в степень **,
Взятие остатка от деления %.

Взятие остатка %

Оператор взятия остатка %, несмотря на обозначение, никакого отношения к процентам не имеет.

Результат a % b – это остаток от целочисленного деления a на b.

Например:

alert( 7 % 2); // // 1, остаток от деления 7 на 2
alert( 10 % 2 ); // 0, остаток от деления 10 на 2

Метод push() добавляет элемент в конец массива.

Метод unshift() позволяет добавить один, или более элементов в начало массива.

В вопросе добавляется ‘cat’ в начало массива, потом ‘dog’, ‘rat’, ‘goat’ прибавляются в конец массива.

Поэтому получаем в итоге 6 элементов в массиве animal.

Правильный ответ <<

Данный оператор сдвигает первый операнд на указанное количество бит влево. Излишние биты, сдвинутые влево, отбрасываются. Справа число дополняется нулевыми битами.

Побитовые операторы работают с 32-разрядными целыми числами (при необходимости приводят к ним), на уровне их внутреннего двоичного представления.

Эти операторы не являются чем-то специфичным для JavaScript, они поддерживаются в большинстве языков программирования.

Поддерживаются следующие побитовые операторы:

AND(и) ( & )
OR(или) ( | )
XOR(побитовое исключающее или) ( ^ )
NOT(не) ( ~ )
LEFT SHIFT(левый сдвиг) ( << )
RIGHT SHIFT(правый сдвиг) ( >> )
ZERO-FILL RIGHT SHIFT(правый сдвиг с заполнением нулями) ( >>> )

Они используются редко, когда возникает необходимость оперировать с числами на очень низком (побитовом) уровне.

JavaScript метод indexOf() позволяет возвратить индекс искомого элемента в массиве при первом совпадении, или -1 если элемент не найден.

В вопросе мы получаем -1, потому что 3 нет в массиве.

Оператор instanceof позволяет проверить, принадлежит ли объект указанному классу, с учётом наследования.

Другими словами, object instanceof constructor проверяет, присутствует ли объект constructor.prototype в цепочке прототипов object.

Синтаксис:

obj instanceof Class

Оператор вернёт true, если obj принадлежит классу Class или наследующему от него.

В console.log переменная a прописана внутри объекта. Поэтому при выводе мы видим объект с свойством a.