🧠Что будет на выходе?

Ответ: "Измененное значение"

JavaScript test

Получение случайного логического значения (true / false)

Эта функция вернет логическое значение (true или false) с помощью метода Math.random(). Он создаст случайное число от 0 до 1, после чего мы проверяем, больше оно или меньше 0,5. Это означает, что шанс получить либо истину, либо ложь составляет 50/50.

const randomBoolean = () => Math.random() >= 0.5;

console.log(randomBoolean());
// Result: a 50/50 change on returning true of false

JavaScript test

Использование JavaScript FormData для отправки формы с помощью AJAX

FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.

JavaScript test

❕Что будет на выходе?

Ответ: Привет, меня зовут John Doe и мне 30 лет

JavaScript test

🔥Что будет на выходе?

Ответ: ReferenceError: Cannot access 'x' before initialization

JavaScript test

Методы пользующиеся регулярными выражениями

Регулярные выражения используются в методах test и exec объекта RegExp и с методами match, replace, search, и split объекта String.

exec() - метод RegExp, который выполняет поиск совпадения в строке. Он возвращает массив данных.
test() - метод RegExp, который тестирует совпадение в строке. Возвращает либо истину либо ложь.
match() - метод String, который выполняет поиск совпадения в строке. Он возвращает массив данных либо null если совпадения отсутствуют.
search() - метод String, который тестирует на совпадение в строке. Он возвращает индекс совпадения, или -1 если совпадений не будет найдено.
replace() - метод String, который выполняет поиск совпадения в строке, и заменяет совпавшую подстроку другой подстрокой переданной как аргумент в этот метод.
split() - метод String, который использует регулярное выражение или фиксированную строку чтобы разбить строку на массив подстрок.

JavaScript test

🧠Что будет на выходе?

Ответ:
[
{ "id": 47, "name": "John", "age": 28, "group": "admin" },
{ "id": 97, "name": "Oliver", "age": 28, "group": "admin" }
]

JavaScript test

Использование JavaScript Intl API для форматирования чисел, дат и строк в соответствии с локалью пользователя

Intl API предоставляет возможности для форматирования чисел, дат и строк в соответствии с локалью пользователя, что делает веб-приложения более доступными для международных пользователей.

JavaScript test

Символьные свойства (Symbol properties)

Символьные свойства уникальны и не могут быть пересечены с другими свойствами.

JavaScript test

Использование JavaScript Animation API для создания анимаций и переходов на веб-странице

Animation API позволяет создавать анимации и переходы на веб-страницах с использованием JavaScript, что может улучшить пользовательский опыт и привлечь внимание к определенным элементам.

JavaScript test

❓Что будет на выходе?

Ответ: undefined

JavaScript test

Создание класса и экземпляра класса

В этом примере мы создаем класс Person с конструктором и методом sayHello(). Затем мы создаем экземпляр класса и вызываем метод объекта.

JavaScript test

Преобразование в Number

Можно быстро сделать с помощью оператора сложения + .

let int = "15";
int = +int;
console.log(int); // Result: 15
console.log(typeof int); Result: "number"

Это также может быть использовано для преобразования boolean в числа, как показано ниже:

console.log(+true);  // Return: 1
console.log(+false); // Return: 0

Могут быть контексты, в которых оператор + будет интерпретироваться как оператор конкатенации, а не как оператор сложения. В таком кейсе (вы хотите вернуть целое число, а не с плавающей точкой), вы можете использовать тильды: ~~ .

const int = ~~"15"
console.log(int); // Result: 15
console.log(typeof int); Result: "number"

Хотя я не могу придумать много вариантов использования, но побитовый оператор NOT также можно использовать в логических значениях: ~true = -2 и ~false = -1 .

JavaScript test

Использование JavaScript FileReader API для чтения файлов на стороне клиента

FileReader API позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять файлы на сервер. Это может быть полезно, например, для загрузки и обработки текстовых файлов, изображений и других медиафайлов.

JavaScript test

"undefined" против "null"

"undefined" – присутствует у переменной, которая была объявлена, но значение для неё задано не было
"null" – обозначает пустое или несуществующее значение, которое явно присваивается переменной

"undefined" и "null" не равны при строгом сравнивании

JavaScript test

Получение фрагментов url-адреса

Объект "window.location" имеет набор полезных методов и свойств. С помощью них мы можем получить данные про протокол, хост, порт, домен и тому подобное из url-адреса браузера.

Одно из свойств, которое мне кажется очень полезным

window.location.search

Свойство "search" возвращает фрагмент строки url-адреса, находящийся после вопросительного знака: "?project=js".

Для получения параметров запроса, помимо "location.search" можно использовать ещё один полезный API, называемый "URLSearchParams".

let project = new URLSearchParams(location.search).get('project');

В результате получаем "js"

JavaScript test

🔥Что будет на выходе?

Ответ: 30 10

JavaScript test

🧠Что будет на выходе?

Ответ: "object"

JavaScript test

Работа с Promise

Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.

JavaScript test

❔Что будет на выходе?

Ответ: 0

JavaScript test