Внутреннее устройство JavaScript

По мере того, как JavaScript становится все более и более популярным, команды используют его поддержку на многих уровнях своего стека — фронтенд, бэкенд, гибридные приложения, встроенные устройства и многое другое. Делимся статьей, где рассказано про внутреннее устройство JavaScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод toFixed()

Метод toFixed() в JavaScript используется для форматирования числа с фиксированным количеством знаков после десятичной точки. Он возвращает строковое представление числа с указанным числом знаков после запятой.

Для использования метода toFixed(), вызовите его на числе, которое хотите отформатировать, и передайте количество желаемых знаков после десятичной точки в виде аргумента. Метод toFixed() вернет строку с отформатированным числом.

В приведенном примере у нас есть число 3.14159, к которому мы применяем метод toFixed() с аргументом 2. Метод toFixed(2) форматирует число, оставляя два знака после десятичной точки, и возвращает строку "3.14". Мы выводим эту строку в консоль и получаем "3.14". Обратите внимание, что метод toFixed() округляет число в соответствии с правилами округления.

#метод

18 продвинутых навыков JavaScript для старших инженеров-программистов

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод Object.values()

Метод Object.values() в JavaScript используется для извлечения значений свойств объекта и возвращения их в виде массива. Этот метод позволяет получить все значения, находящиеся в свойствах объекта, игнорируя их ключи.

Для использования метода Object.values(), передайте объект, чьи значения вы хотите извлечь, как аргумент. Метод вернет новый массив, содержащий все значения свойств объекта.

В примере у нас есть объект с различными свойствами, такими как "имя", "возраст" и "город". Мы вызываем метод Object.values() и передаем в него этот объект. Результатом будет новый массив значения, содержащий все значения свойств объекта. В данном случае, вывод в консоль будет следующим: ['Алексей', 30, 'Москва'].

Метод Object.values() полезен, когда вам необходимо работать только с значениями свойств объекта, без учета их ключей. Например, вы можете использовать этот метод для итерации по значениям объекта или для проверки наличия определенного значения в объекте.

#метод

Стек вызовов JavaScript: объяснение с помощью иллюстраций

Как выполняются функции в Javascript? Каков порядок их выполнения? Что такое контекст выполнения? Отвечаем на эти вопросы с иллюстрациями.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод includes()

Метод includes() в JavaScript используется для проверки наличия определенного элемента в массиве или строке. Он возвращает булевое значение, указывающее, найден ли элемент.

Для использования метода includes(), вызовите его на массиве или строке, над которыми хотите выполнить поиск. Передайте в качестве аргумента элемент, который вы ищете. Метод вернет true, если элемент найден, и false, если элемент отсутствует.

В приведенном примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.

#метод

6 современных возможностей JavaScript, о которых не знает большинство разработчиков

Современному JavaScript есть что предложить разработчикам для решения насущных задач. Эти 6 советов помогут писать лаконичный, хорошо читаемый и отлично работающий код JavaScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод splice()

Метод splice() в JavaScript используется для изменения содержимого массива путем удаления, замены или добавления элементов. Он изменяет сам исходный массив и возвращает новый массив, содержащий удаленные элементы (если они были удалены).

В примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод splice(1, 2, 'слива', 'вишня'), указывая, что нужно начать изменение с индекса 1, удалить 2 элемента ('груша', 'апельсин') и добавить элементы 'слива' и 'вишня'. Метод splice() изменяет исходный массив, и он становится ['яблоко', 'слива', 'вишня', 'банан']. Он также возвращает массив с удаленными элементами, который в данном случае будет ['груша', 'апельсин']. Мы выводим оба массива в консоль и получаем соответствующие результаты.

#метод

Асинхронность в браузере

Делимся статьей, в которой автор составил подробный гайд про асинхронность в браузере. Рассмотрены цикл событий, функции обратного вызова, async/await и другие темы. Благодаря данной статье у тебя сформируется полное понимание асинхронности в браузере.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод forEach()

Метод forEach() является одним из методов доступных для работы с массивами в JavaScript. Он позволяет выполнять указанную функцию обратного вызова для каждого элемента в массиве. Таким образом, мы можем легко итерироваться по всем элементам массива и выполнить определенные операции для каждого из них.

В примере у нас есть массив чисел numbers. Мы используем метод forEach() для итерации по каждому элементу массива и выводим его значение в консоль. Функция обратного вызова, переданная в forEach(), принимает каждый элемент массива и выполняет указанный код для него.

Метод forEach() является удобным инструментом для обхода элементов массива и выполнения операций с каждым из них. Он предоставляет нам простой и понятный способ работать с каждым элементом без необходимости использовать циклы или индексы массива.

#метод

О производительности JavaScript

Бенчмарки — это что-то вроде минного поля. Каждый бенчмарк имеет свои недостатки и погрешности, и помимо пиковой производительности существует целый ряд других факторов, которые необходимо оценивать при выборе платформы или фреймворка для создания веб-сервисов. В данной статье автор демонстрирует производительность фреймворка just-js.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод push()

Метод push() в JavaScript используется для добавления одного или нескольких элементов в конец массива. Он изменяет исходный массив, увеличивая его длину на количество добавленных элементов.

Чтобы использовать метод push(), вызовите его на массиве, к которому хотите добавить элементы, и передайте эти элементы в качестве аргументов. Метод push() добавит каждый переданный элемент в конец массива.

В примере у нас есть массив [1, 2, 3], к которому мы применяем метод push() и передаем два дополнительных элемента: 4 и 5. Метод push() добавляет эти элементы в конец массива, изменяя его. После вызова метода и вывода массива в консоль, мы получаем [1, 2, 3, 4, 5].

#метод

Способы применения reduce

Метод reduce() выполняет функцию редуктора для каждого элемента массива и возвращает одно выходное значение. Редьюсер проходит по массиву поэлементно. На каждом шаге добавляет текущее значение массива к результату предыдущего шага. Этот результат является текущей суммой всех предыдущих шагов. Делается это до тех пор, пока не останется элементов для добавления. Делимся статьей, где автор демонстрирует различные применения reduce.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод parseInt()

Метод parseInt() в JavaScript используется для преобразования строки в целое число. Он пытается проанализировать переданную строку и извлечь из нее целочисленное значение.

Чтобы использовать метод parseInt(), передайте ему строку, которую вы хотите преобразовать в число, в качестве аргумента. Метод parseInt() будет искать цифровую часть строки, игнорируя начальные пробелы, и преобразовывать ее в целое число. Если в начале строки содержатся недопустимые символы, parseInt() вернет NaN (Not a Number).

В примере строка "42" передается в метод parseInt(). Он преобразует строку в целое число 42. Затем результат сохраняется в переменной число, и при выводе в консоль получаем значение 42.

#метод

Задачи на Promise

Объект Promise представляет возможное завершение (или сбой) асинхронной операции и ее результирующее значение. В данной статье продемонстрированы основные задачи на Promsie, которые часто спрашивают на собеседованиях. Присутствует код с подробными комментариями.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Object.entries()

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

Как видно из примера, метод Object.entries() преобразует объект person в массив массивов, где каждый вложенный массив содержит ключ и значение объекта. Это может быть полезно, например, для итерации по объекту или для выполнения каких-либо операций с ключами и значениями.

#методы

На что способен Selenium в паре с JavaScript?

Что получится, если совместить Selenium WebDriver и JavaScript? Ответ: море преимуществ в процессе веб-разработки, повышенная эффективность и качественный результат.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Оператор распространения

В ES5 мы могли найти максимальные значения в массиве, используя метод apply на Math.max следующим образом:

Math.max.apply(null, [-1, 100, 9001, -32]); // 9001

В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции:

Math.max(...[-1, 100, 9001, -32]); // 9001

Мы можем легко конкатенировать литералы массивов:

let cities = ['San Francisco', 'Los Angeles'];
let places = ['Miami', ...cities, 'Chicago']; // ['Miami', 'San Francisco', 'Los Angeles', 'Chicago']

#операторы

.forms

forms — это поле объекта document. Оно хранит коллекцию всех элементов <form>, которые есть на текущей странице.

Коллекция доступна только для чтения.

#объект_страницы

Подробнее

11 новых возможностей JavaScript в ES13

Представляем новейшие возможности JavaScript в ES13. Используйте их, чтобы повысить свою производительность и писать более чистый код с высокой степенью лаконичности и ясности.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью